wangEditor 文本格式设置教程：图片上传表格编辑插件使用指南

const editor = new wangEditor('#editor')
editor.config.uploadImgServer = '你的上传接口地址'
editor.config.uploadImgHooks = {
  before: (xhr, editor, files) => {
    // 上传前可以添加token等参数
    xhr.setRequestHeader('Authorization', 'Bearer your-token')
  }
}
editor.create()

import wangEditor from 'wang-editor'
import Table from 'wang-editor-plugin-table'
wangEditor.use(Table)

editor.config.uploadImgHooks = {
  before: (xhr, editor, files) => {
    const file = files[]
    const reader = new FileReader()
    reader.onload = (e) => {
      const img = new Image()
      img.src = e.target.result
      img.onload = () => {
        const canvas = document.createElement('canvas')
        const maxWidth = 
        const maxHeight = 
        let width = img.width
        let height = img.height
        if (width > maxWidth || height > maxHeight) {
          const ratio = Math.min(maxWidth / width, maxHeight / height)
          width *= ratio
          height *= ratio
        }
        canvas.width = width
        canvas.height = height
        canvas.getContext('2d').drawImage(img, , , width, height)
        canvas.toBlob((blob) => {
          const newFile = new File([blob], file.name, { type: file.type })
          // 这里将处理后的newFile替换原来的file
          // 由于xhr的formData已经添加了原来的file，需要重新构造formData
          const formData = new FormData()
          formData.append('file', newFile)
          // 其他参数也需要重新添加
          // 然后设置xhr的send数据为formData
          xhr.send(formData)
        })
      }
    }
    reader.readAsDataURL(file)
  }
}