一、介绍级什么是入门富文本编辑器？

相信很多小伙伴都用过富文本编辑器。富文本编辑器（Rich Text Editor，介绍级RTE）是入门一种可内嵌于浏览器，所见即所得的介绍级文本编辑器。可以实现很多功能，入门如改变字体颜色，介绍级插入图片视频等，入门应用十分广泛。介绍级市场上主流的入门编辑器也有不少，如TinyMCE，介绍级CKEditor，入门wangEditor等。介绍级每一款都有独特的入门地方，只有使用过才体会深刻。介绍级今天，我们主要介绍wangEditor。因为最近项目中集成了wangEditor，所以作为新手，将使用体会记录如下。

二、wangEditor介绍

wangEditor是一款轻量级 web 富文本编辑器，配置方便，使用简单，开源免费。支持 IE10+ 浏览器。

三、下载

npm i wangeditor --save 或yarn add wangeditor --save

四、使用

4-1： 引用到项目

1.如果是通过npm/yarn 下载wangeditor ；

import E from 'wangeditor'const editor = new E('#div1')// 或者 const editor = new E( document.getElementById('div1') )editor.create()

2.js外链引用的方式也分两种（在线链接引用和本地资源引用）

注意：一个页面可创建多个编辑器

//创建多个编辑器

4-2：分离菜单栏和编辑栏区域

菜单区
--------------------------------
编辑区

4-3：配置菜单区和编辑区内容

最后，附上 wangEditor官方文档,更多内容等你探索！