wangeditor上传图片后自动插入图片

要实现这个功能，需要用到 WangEditor 的上传图片插件和相应的后端接口。具体步骤如下：

1. 在前端页面中引入 WangEditor 并配置上传图片插件，可以参考 WangEditor 官方文档。

2. 编写后端接口，接收前端上传的图片并返回图片的 URL。可以使用任何后端语言来实现该接口，例如 PHP、Java、Python 等。

3. 在前端页面中监听图片上传事件，在上传成功后将返回的图片 URL 插入到编辑器中。

下面是一个简单的示例代码：

// 初始化编辑器
const editor = new wangEditor('#editor')
editor.config.uploadImgServer = '/upload' // 后端接口地址
editor.config.uploadImgHeaders = {
  // 可以设置请求头，例如 token
  Authorization: 'Bearer ' + token
}
editor.create()

// 监听图片上传事件
editor.onchange = function () {
  const imgs = editor.$textElem.find('img')
  imgs.each(function () {
    const img = $(this)
    if (!img.data('uploaded')) {
      // 上传图片
      $.post('/upload', { file: img.attr('src') }, function (resp) {
        // 插入图片 URL
        img.attr('src', resp.url)
        img.data('uploaded', true)
      })
    }
  })
}

在上面的代码中，我们使用 `editor.onchange` 监听编辑器内容改变事件，每次插入图片后都会触发该事件。然后遍历所有图片元素，如果该图片还没有上传过，则将其上传到后端接口，并在上传成功后将返回的图片 URL 插入到编辑器中。注意要使用 `img.data('uploaded', true)` 标记已上传过的图片，避免重复上传。