angular6 - monaco-editor 与 angular6 应用程序的集成

Question

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

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