摩納哥編輯器與 angular6 應用程序集成

Question

我正在嘗試將Monaco Editor集成到 Angular-6 應用程序中的 angular 庫中，我是新手，官方文檔沒有任何實施設置指南。 任何建議或指導將不勝感激。

Answer 1

使用ngx-monaco-editor NPM 模塊

它提供對各種 angular 版本的支持

在您的 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