Javascript Ace编辑器中的渲染范围标记

我正在使用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>

var x=0；
变量y=10；

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

我应该注意到，span通常是通过调用

editor.setValue（）

动态添加的

---

我一直在考虑为Ace创建自定义模式/语法高亮器，但对于这样一个简单的任务来说，这似乎有些过头了。我很好奇是否还有别的办法

对此没有内置的支持。您可以执行类似的操作来检测范围并向编辑器添加标记