在 ckeditor5-react 中上传图片

Question

我一直在寻找与相关问题相关的任何线程，但找不到，我正在尝试为 ckeditor5-react 设置图像上传，通过文件浏览器获取文件工作正常，但我收到 alert“无法上传文件”

下面是我的代码：

<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 用作您自己的后端的端点 - 请参阅 how the backend responses should look like 以获取 ckfinder.uploadUrl 配置。