在ckeditor5-react中上传图片

Question

我一直在寻找与该问题相关的任何主题，但找不到一个主题，我正在尝试为 ckeditor5-react 设置图片上传，通过文件浏览器获取文件工作正常，但是我得到了警报“无法上传文件”

以下是我的代码：

<CKEditor
    editor={ ClassicEditor } 
    onChange={ ( event, editor ) => console.log( { event, editor } ) }
    config={{
         ckfinder:{uploadUrl: "/uplaodImageFromEditor"}
      }}
    UploadAdapter={FileRepository}
 />

Answer 1

首先，CKEditor组件中没有UploadAdapter属性。

第二，图像功能基于图像上传，因此您需要配置后端，以便可以将上传的图像存储在某处。正如How to enable image upload support in CKEditor 5?中所解释的那样，因此您有一些选择。

如果要使用CKFinder，则需要安装CKFinder并在ckfinder.uploadUrl配置中提供正确的URL。最终，您可以将此URL用作自己的后端的端点-有关ckfinder.uploadUrl的配置，请参见how the backend responses should look like。