интеграция monaco-редактора с приложением angular6

Question

Я пытаюсь интегрировать Monaco Editor в мою угловую библиотеку в приложении Angular-6, я новичок в этом, и у официальных документов нет руководства по установке для реализации. Любые советы или рекомендации будут с благодарностью.

Answer 1

Используйте ngx-monaco-editor Модуль NPM

Он обеспечивает поддержку различных угловых версий

В вашем случае для Angular 6 вам нужно сделать

npm install ngx-monaco-editor@6.0.0 --save

затем обратитесь к модулю в вашем app.module

import { MonacoEditorModule } from 'ngx-monaco-editor';
...
imports: [
...
MonacoEditorModule.forRoot(),
...

, а затем в своем html-компоненте вы можете использовать его следующим образом:

<ngx-monaco-editor ... ></ngx-monaco-editor>

Прочитайте readme здесь: https://www.npmjs.com/package/ngx-monaco-editor