脚手架中使用富文本编辑器wangEditor

1.通过以下命令 安装wangEditor

npm i wangeditor -S

2.在main.js文件中添加以下配置信息

//引入wangEditor
import wangEditor from "wangeditor";
//给Vue添加一个全局属性, 之后可以通过this.$wangEditor访问到此属性
Vue.prototype.wangEditor = wangEditor;

3.在需要显示富文本编辑器的位置添加一个div

<el-form-item label="xxx">
    <div id="xxx"></div>
</el-form-item>

4.在script标签中进行初始化操作

mounted(){
this.editor = new this.wangeditor("#content-div");
this.editor.create();
}