wangeditor上传图片配置

以下是使用wangeditor上传图片的配置方法：

1.在HTML文件中引入wangeditor的js和css文件。

2.在JavaScript文件中创建一个wangeditor实例，并在setup()方法中进行图片上传配置。

// 创建wangeditor实例
const editor = new wangEditor('#editor')

// 在setup()方法中进行图片上传配置
editor.config.uploadImgServer = 'http://127.0.0.1:3100/uploadPicture/uploadPicture' // 上传图片的地址
editor.config.uploadImgHeaders = { Authorization: sessionStorage.getItem('token') || ' ' } // 上传图片时需要携带的请求头
editor.config.uploadImgParams = { type: 'write' } // 上传图片时需要携带的参数
editor.config.uploadImgHooks = {
  // 上传图片成功后的回调函数
  customInsert: function (insertImg, result, editor) {
    const url = result.data.url // 获取上传成功后的图片地址
    insertImg(url) // 将图片地址插入到编辑器中
  }
}

// 渲染编辑器
editor.create()

其中，uploadImgServer表示上传图片的地址，uploadImgHeaders表示上传图片时需要携带的请求头，uploadImgParams表示上传图片时需要携带的参数，uploadImgHooks中的customInsert函数表示上传图片成功后的回调函数，其中insertImg函数用于将图片地址插入到编辑器中。