javascript - 在 ckeditor5-react 中上传图片

Question

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

下面是我的代码：

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

Answer 1

首先，UploadAdapterCKEditor 组件中没有可用的属性。

其次，图片功能是基于图片上传的，所以你需要配置你的后端，这样上传的图片就可以存储在某个地方。正如如何在 CKEditor 5 中启用图像上传支持？，所以你有几个选择。

如果要使用 CKFinder，则需要安装 CKFinder 并在ckfinder.uploadUrl配置中提供正确的 URL。最终，您可以将此 URL 用作您自己的后端的端点 - 查看 配置的后端响应应该是什么样子ckfinder.uploadUrl。