如何解决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={...}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。