vue2-editor上传视频

以下是使用vue2-editor上传视频的示例代码：

<template>
  <div>
    <editor v-model="html" :config="editorConfig"></editor>
  </div>
</template>

<script>
import axios from 'axios'
import { Editor } from '@wangeditor/editor-for-vue'

export default {
  components: {
    Editor
  },
  data() {
    return {
      html: '',
      editorConfig: {
        MENU_CONF: {
          uploadVideo: {
            customUpload: this.uploadVideo
          }
        }
      }
    }
  },
  methods: {
    uploadVideo(file) {
      const formData = new FormData()
      formData.append('file', file)

      axios.post('/api/upload/video', formData, {
        headers: {
          'Content-Type': 'multipart/form-data'
        }
      }).then(response => {
        const videoUrl = response.data.videoUrl
        this.$refs.editor.insertVideo(videoUrl)
      }).catch(error => {
        console.error(error)
      })
    }
  }
}
</script>

在上述代码中，我们使用了`@wangeditor/editor-for-vue`库来实现富文本编辑器。首先，我们在`<template>`中使用`<editor>`组件来展示富文本编辑器，并使用`v-model`指令将编辑器的内容与`html`数据属性进行双向绑定。

在`<script>`中，我们引入了`axios`库用于发送视频上传请求，并引入了`Editor`组件。在`data`中，我们定义了`html`数据属性来保存编辑器的内容，并配置了`editorConfig`对象来设置编辑器的菜单配置。

在`methods`中，我们定义了`uploadVideo`方法来处理视频上传。该方法首先创建一个`FormData`对象，并将上传的视频文件添加到其中。然后，使用`axios.post`方法发送视频上传请求，并在成功响应后获取到视频的URL。最后，我们使用`this.$refs.editor.insertVideo`方法将视频插入到编辑器中。

请注意，上述代码中的视频上传请求的URL为`/api/upload/video`，你需要根据实际情况进行修改。