angular集成wangeditor

要在Angular项目中使用wangeditor，您需要做以下几个步骤：

1. 安装wangeditor
通过npm安装wangeditor：

npm install wangeditor --save

2. 引入wangeditor
在angular.json文件中添加wangeditor的样式和脚本文件：

"styles": [
  "node_modules/wangeditor/release/wangEditor.min.css"
],
"scripts": [
  "node_modules/wangeditor/release/wangEditor.min.js"
]

3. 在组件中使用wangeditor
在组件的HTML文件中添加一个div元素，指定其id为editor，然后在组件的ts文件中获取该元素并实例化wangeditor：

<div id="editor"></div>

import { Component, OnInit } from '@angular/core';
declare var wangEditor: any;

@Component({
  selector: 'app-editor',
  templateUrl: './editor.component.html',
  styleUrls: ['./editor.component.css']
})
export class EditorComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
    const editor = new wangEditor('#editor');
    editor.create();
  }

}

现在您可以在浏览器中运行您的Angular应用程序，看到一个包含wangeditor的编辑器。