vue3用ckeditor5添加视频路径

要在Vue 3中使用CKEditor 5添加视频路径，您需要执行以下步骤：

1. 安装CKEditor 5的Vue 3包：

npm install --save @ckeditor/ckeditor5-vue3

2. 在您的Vue组件中导入CKEditor 5的Vue组件：

import CKEditor from '@ckeditor/ckeditor5-vue3';

3. 在您的Vue组件中添加CKEditor 5的Vue组件：

<template>
  <div>
    <ckeditor v-model="editorData" :editor="editor" />
  </div>
</template>

<script>
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
import CKEditor from '@ckeditor/ckeditor5-vue3';

export default {
  name: 'MyComponent',
  components: {
    ckeditor: CKEditor.component
  },
  data() {
    return {
      editorData: '',
      editor: ClassicEditor,
    };
  },
  // 添加视频路径
  mounted() {
    this.editor.plugins.get('FileRepository').createUploadAdapter = function (loader) {
      return {
        upload: function () {
          return loader.file.then(file => {
            return new Promise((resolve, reject) => {
              const reader = new FileReader();
              reader.onload = () => {
                const xhr = new XMLHttpRequest();
                xhr.open('POST', 'YOUR_VIDEO_UPLOAD_ENDPOINT', true);
                xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
                xhr.onload = () => {
                  if (xhr.status === 200) {
                    const response = JSON.parse(xhr.response);
                    resolve({
                      default: response.url,
                    });
                  } else {
                    reject(xhr.statusText);
                  }
                };
                xhr.onerror = function () {
                  reject('Upload failed');
                };
                xhr.send(JSON.stringify({
                  data: reader.result,
                  filename: file.name,
                  type: file.type,
                }));
              };
              reader.readAsDataURL(file);
            });
          });
        }
      };
    };
  }
};
</script>

在这个例子中，我们使用经典版CKEditor作为编辑器，添加了一个mounted钩子来上传视频文件，您需要将`YOUR_VIDEO_UPLOAD_ENDPOINT`替换为您的视频上传API地址。