最近发现一个好用的富文本编辑器，wangEditor —— 轻量级 web 富文本编辑器，配置方便，使用简单。

• 官网：www.wangEditor.com
• 文档：www.wangeditor.com/doc
• 源码：github.com/wangeditor-team/wangEditor （欢迎 star）

（如想继续使用 V3 版本，可参考这里）

demo

在线体验 demo 可到 codepen.io/collection/DNmPQV 。

注意，如果打不开，可以去查看 github examples 的源码。

浏览器兼容性

兼容常见的 PC 浏览器：Chrome，Firefox，Safari，Edge，QQ 浏览器，IE11。

不支持移动端。

基本使用

NPM

npm i wangeditor --save

安装后几行代码即可创建一个编辑器：

import E from "wangeditor"
const editor = new E("#div1")
editor.create()

CDN

<script
  type="text/javascript"
  src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"
></script>
<script type="text/javascript">
  const E = window.wangEditor
  const editor = new E("#div1")
  // 或者 const editor = new E(document.getElementById('div1'))
  editor.create()
</script>

更多使用方法，可参考开始使用，或者看左侧目录。