Vue.js 如何使用vue ckeditor在ckeditor中使用图像上载?

Vue.js 如何使用vue ckeditor在ckeditor中使用图像上载?,vue.js,ckeditor4.x,ckeditor5,Vue.js,Ckeditor4.x,Ckeditor5,我正在使用ckeditor。图像按钮显示在工具栏中,但当我单击并上载图像时。上载的图像不会显示在编辑器中 <ckeditor :editor="editor" v-model="form.title" :config="editorConfig"></ckeditor> 工具栏中有图像按钮,但无法上载图像 您还可以在下面的链接图像中看到: 如果不想从源代码导入CKEditor并且不想更改网页包配置,则必须添加自定义上载适配器。 i、 如果你想使用,你可以做如下

我正在使用ckeditor。图像按钮显示在工具栏中,但当我单击并上载图像时。上载的图像不会显示在编辑器中

  <ckeditor :editor="editor" v-model="form.title" :config="editorConfig"></ckeditor>

工具栏中有图像按钮,但无法上载图像

您还可以在下面的链接图像中看到:

如果不想从源代码导入CKEditor并且不想更改网页包配置,则必须添加自定义上载适配器。 i、 如果你想使用,你可以做如下事情

export default class UploadAdapter
{
    constructor (loader)
    {
        // The file loader instance to use during the upload.
        this.loader = loader;
    }

    // Starts the upload process.
    upload ()
    {
        return new Promise((resolve, reject) =>
        {
            const reader = new window.FileReader();

            reader.addEventListener('load', () =>
            {
                resolve({'default': reader.result});
            });

            reader.addEventListener('error', err =>
            {
                reject(err);
            });

            reader.addEventListener('abort', () =>
            {
                reject();
            });

            this.loader.file.then(file =>
            {
                reader.readAsDataURL(file);
            });
        });
    }

    // Aborts the upload process.
    abort ()
    {
         //
    }
}

export const uploader = function (editor)
{
    editor.plugins.get('FileRepository').createUploadAdapter = (loader) =>
        new UploadAdapter(loader);
};
在编辑器配置中

   'editorConfig': {'extraPlugins': [uploader]}

控制台中有什么错误?控制台中没有错误,但上传的图像没有显示在内容区域中