wangeditor前端富文本的使用

官网地址：https://www.kancloud.cn/wangfupeng/wangeditor3/335769

• 声明：

var E = require('wangeditor')
var t,editer,editer_a

• 使用：（包含本地图片上传功能）

    //此为打开dialog时创建富文本
    handleUpdate(row) {
      this.title = '修改富文本信息';
      this.dialogFormVisible = true;
      this.addText.id = row.id;
       t.$nextTick(function () {
       //当不存在editer_a时再创建
        if(!editer_a){
            editer_a=new E('#editor1')
            //开启debug模式
            editer_a.customConfig.debug = true;
            // 关闭粘贴内容中的样式
            editer_a.customConfig.pasteFilterStyle = false
            // 忽略粘贴内容中的图片
            editer_a.customConfig.pasteIgnoreImg = true
            editer_a.customConfig.uploadFileName = 'file'
            editer_a.customConfig.uploadImgServer = communalUpload
            editer_a.customConfig.uploadImgHooks = {
                success: function (xhr, editor, result) {
                  console.log(xhr, editor, result)
                    // 图片上传并返回结果，图片插入成功之后触发
                    // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
                },
                fail: function (xhr, editor, result) {
                    // 图片上传并返回结果，但图片插入错误时触发
                    // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
                },
                error: function (xhr, editor) {
                    // 图片上传出错时触发
                    // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
                    t.$elm.toast('图片上传失败','error')
                },
                 customInsert: function (insertImg, result, editor) {
                    // result 必须是一个 JSON 格式字符串！！！否则报错
                    var url = result.data
                    insertImg(url)
                }
            }
            editer_a.create();
        }
        //将内容解析成html 获取：this.addText.value = editer_a.txt.html();
        editer_a.txt.html(row.value?row.value:'')
      })
    },

• 退出界面时销毁：

  destroyed() {
    if(editer_a) {
      editer_a=null;
    }
  },