Рендер поверочного тег внутри Ace редактор

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 для определения диапазонов и добавления маркеров в редактор.