vue2项目，wangeditor5往编辑器的输入框里插入图片

在Vue2项目中使用Wangeditor5插件向编辑器的富文本输入框插入图片，你需要按照以下步骤操作：

1. 首先，在`npm install`中安装Wangeditor5及其依赖，如Vue和axios（如果需要发送图片到服务器）：

   npm install vant-contrib-wangeditor axios

2. 引入所需的模块到你的组件中：

<script>
import WEditor from ' vant-contrib-wangeditor'
import axios from 'axios'
</script>

3. 在模板部分添加编辑器，并绑定事件处理函数以插入图片：

<template>
  <div>
    <w-editor ref="editor" @ready="editorReady"></w-editor>
  </div>
</template>

4. 在组件的`methods`中编写插入图片的功能，例如通过文件选择或URL上传：

export default {
  methods: {
    editorReady() {
      const editor = this.$refs.editor
      editor.config.customConfig.uploadImgServer = (file) => {
        return axios.post('/api/upload', { file })
          .then((res) => res.data.url)
          .catch((err) => console.error('图片上传失败:', err))
      }
      
      // 添加图片按钮点击事件，可以选择本地文件或直接粘贴链接
      editor.config.uploadImageAction = (file, result) => {
        if (file.type.startsWith('image')) {
          this.insertImage(file, result)
        }
      }

    },
    
    insertImage(file, result) {
      editor.insertImage(result.url);
    },
  }
}

在这个例子中，`uploadImgServer`是一个自定义函数，它将文件发送到服务器并获取返回的图片URL。然后在`insertImageAction`中，当你点击“插入图片”按钮时，会调用这个函数并将图片url插入到编辑器中。