wangEditor 轻量级 web 富文本编辑器,配置方便,使用简单
责任编辑:梦想飞行     时间:2021-07-29     来源:www.wangeditor.com
责任编辑:梦想飞行
时间:2021-07-29  来源:www.wangeditor.com
分类: 技术分享
浏览量: 163

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

(如想继续使用 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>

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


来源:www.wangeditor.com

点赞人: 王王木木 

回复:

Copyright © 2021 .长沙麦涛网络科技有限公司 All rights reserved. 湘ICP备20015126号-2
联系我们