Как использовать редактор Монако для подсветки синтаксиса? - PullRequest
Новая
       13

Как использовать редактор Монако для подсветки синтаксиса?

0 голосов
/ 08 октября 2018

Я разрабатываю компонент чата на основе кода.Каждый чат - это фрагмент кода.Для ввода пользователя я использую monaco-editor .Работает нормально.

Но как только пользователь нажимает кнопку отправки, я получаю необработанный ввод из редактора Монако.Мне нужно добавить этот пользовательский ввод в список чата и снова выделить этот ввод.

Есть ли способ использовать редактор Monaco для этого?Или я должен использовать highlight.js вместе с Монако?

Ответы [ 2 ]

0 голосов
/ 18 апреля 2019

На тот случай, если кто-то все еще ищет, в настоящий момент существует редактор декларатора синтаксиса для Monaco Editor, который называется Monarch

0 голосов
/ 06 ноября 2018

У меня была такая же проблема, поэтому я создал проблему # 1171:

и были предоставлены два решения:

a) Отформатируйте существующий элемент HTML: 

monaco.editor.colorizeElement(document.getElementById("yourElement"));

b) Отформатируйте текст, который не является частью какого-либо элемента.Это более общий подход, который возвращает Обещание: 

const code = "source code";
monaco.editor.colorize(code, "javascript")
  .then(html => document.getElementById("yourElement").innerHTML = html);

Документация:

...