Ace 编辑器 - 鼠标悬停时突出显示行

Question

我想在 Ace Editor 中突出显示当前悬停的行，但我找不到这方面的任何示例，而且 API 文档似乎没有提到任何类型的 'mouseover' 或 'mousemove' 事件。

请注意我使用的是 Angular 8 和 Ace-builds v1.4.5。

知道怎么做吗？

Answer 1

仅使用 css 的一种方法是添加以下样式

.ace_line {
    pointer-events: auto;
}
.ace_line:hover {
    background-color: #a0a4;
}

另一种允许更多自定义的方法是添加鼠标移动处理程序和更新标记 https://github.com/ajaxorg/ace/blob/v1.4.8/lib/ace/autocomplete/popup.js#L108，类似于 popup.js 在 ace 中所做的。

Ace editor - Highlight line on mouseover