Командная палитра монако-редактор

На этот раз мы рассмотрим возможность добавления действий в контекстное меню редактора. Аналогичная функция в vscode - https://code.visualstudio.com/docs/getstarted/tips-and-tricks#_command-palette

Документация по этой функции https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.istandalonecodeeditor.html#addaction

Для этого достаточно добавить функцию addAction к объекту редактора в editorDidMount (). Его Параметром является объект с такими ключами: id - идентификатор меню, label - подпись в контекстном меню, run - функция, которую нужно выполнить.

В качестве примера откроется модальное окно. Давайте внесем изменения в функцию editorDidMount ():

И измените состояние в showPopupWindow:

Это все. Чтобы проверить: щелкните правой кнопкой мыши на редакторе, чтобы открыть палитру, найдите «Открыть модальное окно».

Весь исходный код вы можете найти здесь - https://github.com/ZenBit-Tech/monaco-editor-features

Предыдущая статья https://medium.com/@lyuda.dzyubinska/monaco-editor-decorator-385ba6aa90b8