在ckeditor5 5中的图像上传-反应

Question

我一直在寻找任何与相关问题有关的线程，但找不到，我试图为ckeditor5-react，设置一个图像上传，通过文件浏览器获取一个文件很好，但我得到了一个警告“不能上传文件”

​

​

下面是我的代码：

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

Answer 1

首先，在UploadAdapter组件中没有可用的CKEditor属性。

其次，图像特性基于图像上传，因此需要配置后端，这样上传的图像就可以存储在某个地方。正如在How to enable image upload support in CKEditor 5?中所解释的那样，您有几个选项。

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