Angular - как интегрировать Monaco Kusto в ngx-monaco-editor?

Я хочу добавить поддержку Monaco Editor для поддержки запросов Kusto. Итак, я попытался добавить kusto в качестве языка в параметры редактора Monaco. Но это не работает.

editorOptions = { theme: 'vs-dark', language: 'kusto' };

Итак, я погуглил и нашел @kusto/monaco-kusto package (https://www.npmjs.com/package/@kusto/monaco-kusto). Я установил этот пакет. Но я не знаю, как интегрировать этот пакет с Monaco Editor. Их документация выглядит запутанной. Может ли кто-нибудь помочь мне добавить поддержку языка Kusto для моего редактора Monaco? Я использую Angular 9.


angular azure-data-explorer monaco-editor ngx-monaco-editor
person Sai    schedule 01.07.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

monaco-kusto сегодня довольно сложно интегрировать по двум основным причинам:

  1. интенсивное использование веб-воркеров требует манипуляций с конфигурацией веб-пакетов, которые обычно недоступны для людей, использующих такие продукты, как create-react-app
  2. языковая служба переносится с C #, и полученный код является не модулем, а глобальным импортом

Если вам просто нужна подсветка синтаксиса, вы можете попробовать использовать следующую конфигурацию textmate в сочетании с monaco-textmate npm package https://github.com/rosshamish/kuskus/blob/master/kusto-syntax-highlighting/syntaxes/kusto.tmLanguage

person rony l    schedule 01.07.2020
comment
Привет, Рони, спасибо за ответ. Мне просто нужна функция подсветки синтаксиса для Kusto Query. В настоящее время я использую пакет ngx-monaco-editor. Мне нужно заменить его на monaco-textmate? Можете ли вы указать мне точные шаги? Я использую Angular 9. - person Sai; 02.07.2020
comment
Если я установил monaco-textmate в своем файле модуля, как я могу получить к нему доступ в моем файле компонента? Не могли бы вы привести пример Angular? Есть ли способ добавить поддержку kusto в качестве настраиваемого языка в Монако? - person Sai; 02.07.2020