Vue.js 如何使用vue ckeditor在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 :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]}
控制台中有什么错误?控制台中没有错误,但上传的图像没有显示在内容区域中