富文本前端插件wangeditor

wangEditor是基于Typescript开发的Web富文本编辑器，轻量、简洁、易用、开源免费，先来看下它的基本使用吧。

• 第一步，新建项目

vue create demo

• 第二步，改造项目
  • 首先，下载安装wangeditor，npm install --save wangeditor；
  • 然后，修改App.vue，引入并使用wangeditor

  <template>
    <div id="content"></div>
  </template>
  
  <script>
  import E from "wangeditor";
  
  export default {
    name: 'App',
    mounted:function(){
      const editor = new E("#content");
      editor.create();
    }
  }
  </script>
  
  <style>
  </style>
  

  • 测试验证
    npm run serve，测试效果见下图，用起来和蚂蚁的语雀很像。