wangEeditor写入HTML,轻量级富文本编辑器wangEditor结合vue使用方法示例

1、安装

使用npm下载： `npm install wangeditor`

2、 创建实例

(1)基本用法：

import e from 'wangeditor'

export default {

name: 'editor',

mounted () {

var editor = new e('#editor')

editor.customconfig.onchange = (html) => {

this.formarticle.content = html

}

editor.create()

}

}

效果如图

(2)自定义高度写法如下：把菜单和编辑框分开

import e from 'wangeditor'

export default {

name: 'editor',

mounted () {

var editor = new e('#editormenu', '#editor')

editor.customconfig.onchange = (html) => {