Internet Explorer 11中无法向TinyMCE编辑器粘贴图片,是否为预期行为?
TinyMCE 4 IE11本地文件图片粘贴失效问题解答
该问题是IE11自身的剪贴板API实现限制导致,不属于你的配置遗漏。
核心原因说明
- 从桌面文件夹复制图片时,系统剪贴板内存储的是文件对象类型的数据,Chrome、Firefox的标准剪贴板API支持读取该类型的剪贴板内容,因此可以正常触发TinyMCE的粘贴事件流,你配置的
paste_preprocess也可以正常执行。 - IE11的剪贴板API仅支持两类剪贴板内容的读取:纯文本/HTML富文本内容、Bitmap格式的位图数据。你用截图工具截取的图片在剪贴板内存储的就是位图数据,所以IE11可以正常识别、触发粘贴事件,也能正常插入到编辑器中。
- 本地文件类型的剪贴板内容不在IE11的支持范围内,触发Ctrl+V操作时IE11会直接判定为无有效可粘贴内容,不会向上抛出paste事件,因此TinyMCE的整个粘贴事件链都不会启动,
paste_preprocess自然不会被触发。
兼容方案参考
如果需要兼容IE11场景,可以选择以下两种处理方式:
- 新增独立的本地图片上传入口,直接调用TinyMCE自带的
image插件上传能力,或者自定义上传按钮实现图片插入,规避粘贴本地文件的限制。 - 针对IE11用户做操作提示,仅支持截图粘贴的图片上传方式,不支持从文件夹直接复制图片粘贴。
内容的提问来源于stack exchange,提问作者Ikim SS
相关产品推荐
相关产品推荐

