javascript - 如何使用 ACE 编辑器突出显示代码？

Question

我想在语法上突出显示十几个小代码片段，然后通过单击它们使它们可以使用 ACE 编辑器进行编辑，因为我认为这比为每个代码设置完整的编辑器要快得多。我看到有一个 simple command for setting up an ACE editor :

<div id="editor">some text</div>
<script src="src/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
window.onload = function() {
    var editor = ace.edit("editor");
};
</script>

是否有一种简单的方法可以调用 API 以仅突出显示文本而无需设置编辑器？理想的 API 会接收一些文本并返回带有可用于突出显示的标记的 HTML。我知道有专门的 JavaScript 突出显示库，但我想尝试对正在显示的文本和正在编辑的文本使用相同的突出显示。

Answer 1

高亮单词:

var range = new Range(rowStart, columnStart, rowEnd, columnEnd);
var marker = editor.getSession().addMarker(range,"ace_selected_word", "text");

删除突出显示的单词:

editor.getSession().removeMarker(marker);

突出显示行:

editor.getSession().addMarker(range,"ace_active_line","background");