移动端html富文本编辑器,PC/移动端的富文本编辑器wangEditor的使用

在刚开发的项目之中，在移动端/PC端，需要一个富文本编辑器，要求：简单-轻量-实用。比较了几种编辑器后，选择了wangEditor。

移动端的截图(手机效果好些)：

image.png

PC端的截图：

image.png；

在wangEditor的官网(http://www.wangeditor.com/)中，提供了一些常用的工具，可以按需来配置，还可以自己二次封装：

image.png

。

先说配置：在PC端直接引入 wangEditor.js来创建，在移动端用的vue.js模块开发，所以用的：npm install wangeditor来安装。

移动端：

1 . import wangeditor from 'wangeditor'来引入

2 . this.editor = new wangeditor ('#div1')

this.editor.customConfig.onchange = (html) => { th