Как добавить поддержку emmet в редактор кода ace js?

Question

Я пытаюсь вставить ace code editor в свой проект. Я инициализирую свой редактор кода следующим кодом, и теперь я хочу включить функции emmet js. Я вижу, что расширение ext-emmet.js уже находится в каталоге src ace.js pre-packaged version

Мне нужна помощь при включении функций расширения emmet. Итак, вот мой код инициализации.

var e = ace.edit("editorId"); // id of the code editor div 
    e.setTheme("ace/theme/monokai"); 
    e.getSession().setMode("ace/mode/html"); 
    e.setBehavioursEnabled(true); 
    e.getSession().setTabSize(2); 

Очевидно, что я добавляю ace.js вверху страницы. При необходимости я могу предоставить более подробную информацию.

Answer 1

См. Lines 539-543 in ace demo.

В основном вам нужно загрузить муравей исходный скрипт (например из https://github.com/nightwing/emmet-core/blob/master/emmet.js) и расширения туза из /src/ext-emmet.js вызова require("ace/ext/emmet"); так, что requirejs выполняет сценарий
И после этого вызова editor.setOption("enableEmmet", true);.
См. Jsbin.com/ace-emmet/1/edit для демонстрации в прямом эфире.