vue 项目中如何使用 富文本编辑

第一步

　　npm   i    wangeditor

第二步

在需要的组件中引入

import WangEditor from "wangeditor";

第三步

 

找到容器

 <div id="editor"></div>

写一个函数

 const wangeditor = () => {

      let editor: any = new WangEditor("#editor");

      editor.config.customAlert = (err: any) => {

        //如果检测到错误的话就打印.

        console.log(err);

      };

      editor.customConfig = editor.customConfig

        ? editor.customConfig

        : editor.config;

      //设置customConfig属性

      //设置customConfig对编辑器内文字的变化的处理方法

      editor.customConfig.onchange = (html: any) => {

        //参数html即已经转化HTML格式的文本

        editorContent.value = html;

      };

      editor.create();

    };