wangEditor - Typescript 开发的Web富文本编辑器
- 官网:www.wangEditor.com
- 文档:doc.wangEditor.com
- 源码: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>