wangEditor富文本编辑器导入图片和视频配置(Vue)

// 导入wangEditor
import E from 'wangeditor'
 
// 在Vue组件中使用wangEditor
export default {
  data() {
    return {
      editor: null,
      editorContent: ''
    }
  },
  mounted() {
    this.initEditor()
  },
  methods: {
    initEditor() {
      // 创建编辑器实例
      this.editor = new E(this.$refs.editor)
      // 配置编辑器参数
      this.editor.customConfig.uploadImgServer = '你的图片上传接口'
      this.editor.customConfig.uploadVideoServer = '你的视频上传接口'
      this.editor.customConfig.uploadFileName = '你指定的文件参数名'
      this.editor.customConfig.uploadImgHooks = {
        customInsert: (insertImg, result) => {
          // result是服务器返回的结果
          // 这里需要根据你的服务器返回的结果进行处理
          insertImg(result.data.url)
        }
      }
      this.editor.customConfig.uploadVideoHooks = {
        customInsert: (insertVideo, result) => {
          // 同理，这里也需要根据服务器返回的结果进行处理
          insertVideo(result.data.url)
        }
      }
      // 其他配置...
      // 创建编辑器
      this.editor.create()
    }
  }
}

这段代码展示了如何在Vue组件中初始化wangEditor并配置图片和视频的上传功能。需要注意的是，customInsert函数中的处理应该根据你的服务器返回的具体格式来定制。此外，你需要替换this.editor.customConfig.uploadImgServer和this.editor.customConfig.uploadVideoServer为你实际的上传接口。