Vue2.0 使用wangEditor4.0（富文本编辑器）

Vue2.0 使用wangEditor（富文本编辑器）

1、安装

npm install wangeditor --save

2、页面中使用

2.1 定义容器

<div id="content"></div>

2.2 引用 wangeditor

// 引入wangeditor
import wangEditor from "wangeditor";

2.3 创建实例，调用它的方法，使页面中呈现富文本编辑

在mouted()勾子函数中操作

mounted() {
    // 创建实例
    let edit = new wangEditor("#editor");
    // 生成页面的富文本编辑器、
    edit.create();
}