在Ace Editor中渲染span标签

Question

我正在使用Ace显示一些JavaScript代码，并根据嵌入指南加载它：

editor = ace.edit("jsField");
editor.getSession().setMode("ace/mode/javascript");
editor.getSession().setUseWrapMode(true);

div及其内容如下：

<div id="jsField">
    <span class="hl">var x = 0;</span>
    var y = 10;
</div>

目前，Ace编辑器将HTML和JavaScript一起显示为纯文本。是否有一种简单的方法来呈现HTML，只显示JavaScript文本，并根据CSS设置样式？例如：

我应该注意，通常通过调用editor.setValue()动态添加范围。

我一直在研究为Ace创建自定义模式/语法高亮显示器，但对于这样一个简单的任务来说似乎有些过分。如果有另一种方式，我很好奇。

Answer 1

没有建立对此的支持。您可以执行与https://github.com/ajaxorg/ace/blob/v1.1.5/lib/ace/ext/static_highlight.js#L53类似的操作来检测范围并向编辑器添加标记。