526互联

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

发布时间 2023-09-03 21:38:32作者: 谁知道呢。

 

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();
}