wujie微前端中使用wangeditor
时间: 2023-07-19 07:28:19 浏览: 294
wangEditor编辑器
5星 · 资源好评率100%
可以将wangeditor封装成一个独立的微应用,然后在wujie微前端中进行引用。具体步骤如下:
1. 在wangeditor官网下载最新的wangeditor源码,解压后将dist文件夹中的所有文件复制到微应用项目中。
2. 将wangeditor的CSS和JS文件引入到微应用的index.html中。
3. 在微应用的入口文件中,使用require函数引入wangeditor的JS文件,并初始化编辑器。例如:
```javascript
const wangEditor = require('./wangEditor.min.js');
const editor = new wangEditor('#editor');
editor.create();
```
4. 在需要使用编辑器的地方,添加一个id为editor的div元素。
5. 将微应用打包成umd格式,发布到npm上。
6. 在wujie微前端中,使用import函数引入封装好的wangeditor微应用,并在需要使用编辑器的地方进行引用。例如:
```javascript
import WangEditor from 'wangeditor-umd';
const editor = new WangEditor();
editor.create();
```
这样就可以在wujie微前端中使用wangeditor了。
阅读全文