javascript - React Draft Wysiwyg onPaste 事件不提供剪贴板信息

Question

onPaste 中的事件没有剪贴板信息。运行 event.clipboardData 时，无论粘贴是文本还是图像，它都会返回 undefined。

<Editor
 toolbarOnFocus
 onPaste={(event) => this.Copy_Paste_Pictures_PO(event)}
 toolbarClassName='toolbar-class-new'
 editorClassName={"toolbar-editor-class"}
 onEditorStateChange={this.onEditorStateChange_PO}
/>

标签： javascriptreactjswysiwyg

Answer 1

不幸的是，我无法让 onPaste 提供有关图像的任何剪贴板数据。解决方案是通过比较编辑器对象来检查用户是否粘贴了文本。如果粘贴不是文本（编辑器对象保持不变）弹出一个中间粘贴界面。onPaste 的中间接口提供图像信息。将图片上传到服务器并使用返回 URL 将图片插入到编辑器状态。此解决方案的限制是用户不能同时粘贴文本和图像。