在vue3中使用富文本编辑器WangEditor添加图片

自定义上传图片的配置 

上传本地图片到后端，后端返回图片地址，在插入编辑器中

const editorConfig = {
    placeholder: '请输入内容...',
    MENU_CONF: {
      uploadImage: {
        //上传图片配置
        server: '/pcapi/index/upload', //上传接口地址
        fieldName: 'file', //上传文件名
        methods: 'post',
        metaWithUrl: true, // 参数拼接到 url 上
        // 单个文件上传成功之后
        onSuccess(file, res) {
          console.log(`${file.name} 上传成功`, res);
        },
        // 自定义插入图片
        customInsert(res, insertFn) {
          console.log(res);
          insertFn('htt://接口前缀' + res.url);
        },
      },
    },
  };