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

Question

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

Answer 1

在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应用程序(中，添加simpleUploadApdapter配置如下：

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