如何在CKEditor 5中配置图像上传？

编程问答 2022-08-15

问题描述

我正在使用CKEditor 5，当我尝试上载图像时，它运行良好，但是在我的配置中却不起作用，我也不知道为什么。

这是我的UploadAdapter类。

export class UploadAdapter {
    private loader;

    constructor(loader: any,public postService: PostService,) {
        this.loader = loader;
    }

    public upload() {
        //"data:image/png;base64,"+ btoa(binaryString) 
        return this.readThis(this.loader);
    }

    readThis(file: File): Promise < any > {
        return this.postService.uploadImage(this.loader._reader.data).pipe(tap(res => {
            return {
                default: 'https://www.amerikainstitut.at/upload/44739210-placeholder.jpg'
            };
        }),first()).toPromise();
    }
}

和OnReady函数。

onReady(eventData) {
    eventData.plugins.get('FileRepository').createUploadAdapter = (loader) => {
      return new UploadAdapter(loader,this.postService);
    };
}

我认为当我上传图片时，应该在src内使用'... load / 44739210-placeholder.jpg'，但是我将图片转换为base64。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularckeditorckeditor5javascript