时间戳

首页 > 解决方案 > CK 编辑器（版本 5）粘贴屏幕截图不适用于反应 js

.net - CK 编辑器（版本 5）粘贴屏幕截图不适用于反应 js

问题描述

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

标签： .netreactjsckeditor4.xckeditor5

解决方案

在 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、图像、ImageUpload、PasteFromOffice、SimpleUploadAdapter

在前端（您的 React 应用程序）中，添加 simpleUploadAppdapter 配置，如下所示：

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

推荐阅读