最新公告
  • 欢迎访问代码工坊,购买产品可享受在线工单服务!
  • wangEditor - Typescript 开发的Web富文本编辑器

    wangEditor - Typescript 开发的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>

    发表评论