使用Ace编辑器,可以通过以下代码实现鼠标悬停时高亮显示行的效果:
var editor = ace.edit("editor");
editor.setTheme("ace/theme/monokai");
editor.getSession().setMode("ace/mode/javascript");
highlightActiveLine
的函数,用于在鼠标悬停时高亮显示行:function highlightActiveLine() {
var activeLine = editor.getSelectionRange().start.row;
editor.setHighlightActiveLine(true);
editor.setHighlightGutterLine(true);
editor.setHighlightSelectedWord(true);
editor.gotoLine(activeLine + 1);
}
highlightActiveLine
函数与编辑器的鼠标悬停事件绑定:editor.on("mouseover", highlightActiveLine);
完整的示例代码如下:
Ace编辑器-鼠标悬停时高亮显示行
将上述代码保存为一个HTML文件,并在浏览器中打开该文件,即可看到Ace编辑器在鼠标悬停时高亮显示行的效果。