百度富文本编辑器修改图片上传尺寸

使用的是百度富文本编辑器，先找到UE文件夹在的位置


这里就是对图片大小的具体判断

 getInsertList: function() {
      let modelCode = sessionStorage.getItem("modelCode");
        data,
        list = [],
        align = getAlign(),
        prefix = editor.getOpt("imageUrlPrefix");

      for (i = 0; i < this.imageList.length; i++) {
        data = this.imageList[i];
        data.data.forEach((element) => {
          list.push({
            src:后台地址
            title: data.title,
            alt: data.original,
            floatStyle: align,
          });
        });
      }
      这里是判断在特定页面下处理图片尺寸
      if (modelCode == 'marketingForum'){
        this.imageListFile.forEach(((v,i)=> {
            if (v._info.height <= 800) {
                list[i].width = v._info.height;
            }else {
                list[i].width = 800;
            }
        }))
      }
      return list;
    },

this.imageListFile 是在文件上传成功后push进去的文件列表，这里可以拿到文件的一些基础信息。如果控制台打印不出来文件信息，可以打断点查看,_info里面放着的就是文件的基本信息。

后台返回的字符串里面就会有我们刚才设置的宽度。

主要是针对上传文件的图片大小的处理，代码也在UploadImage原型上面。

其他小问题
vue里清空富文本编辑器里面的内容

 <UE
    :defaultMsg="defaultMsg"
    :config="config"
    :id="ueId"
    ref="ue1"
    v-if="showUe"
 ></UE>
 clearCom() {
      this.ueId = String(Math.random());
      if (this.$refs.ue1) {
        this.$refs.ue1.initData("");
      }
    },