摩纳哥编辑器与angular6应用程序集成

Question

我正在尝试将Angular-6应用中的Monaco Editor集成到我的angular lib中，这是我的新手，而且官方文档没有任何实施指南。任何建议或指导将不胜感激。

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>

在此处阅读自述文件： https://www.npmjs.com/package/ngx-monaco-editor