CK编辑器版本5粘贴屏幕截图不适用于react js

问题描述

CK编辑器（版本5）粘贴的屏幕快照不适用于react js。

解决方法

在CKeditor 5中，您可以从剪贴板粘贴图像（看到您的帖子时我已经对其进行了测试），但是您需要一个后端来存储图像的URL并返回到前端以显示该图像。

对于我的情况，我使用simpleUploadAdapter来存储和返回具有以下配置的图像URL（在后端）：

{
    "uploaded": true,"url": "http://127.0.0.1/uploaded-image.jpeg" <-- this URL is send back to frontend
}

您可以在此处签出文档：https://www.npmjs.com/package/ckeditor5-simple-upload

最后，确保您在CKEditor中具有以下插件：

CKFinder，EasyImage，Image，ImageUpload，PasteFromOffice， SimpleUploadAdapter

在前端（您的React App）中，添加simpleUploadApdapter像这样配置：

<CKEditor
            editor={ClassicEditor}
            data={...}
            onInit={(editor) => {}}
            config={{
              simpleUpload: {
                uploadUrl:
                  "https://your-back-end-API-uploading",},}}
            onChange={...}