将图像复制粘贴到 JavaScript 富文本编辑器中答案

【问题标题】：Copy-pasting image into JavaScript rich-text editor将图像复制粘贴到 JavaScript 富文本编辑器中
【发布时间】：2010-09-30 01:26:23
【问题描述】：

我正在寻找一种富文本编辑器控件，该控件具有某种方式允许用户将图像复制粘贴到其中，例如 Google Mail。我想我希望有某种方法可以将剪贴板上图像的二进制内容传达给浏览器（并且可能将这些内容存储在我可以访问的某个隐藏元素中）。如果您想不出包含此功能的富文本编辑器 - 谁能想到使用 JavaScript 完成此任务的方法？

这只需要在 IE5+ 上运行，但欢迎任何可能在 IE 上运行的解决方案。

任何帮助表示感谢 - 如果这个问题的任何部分不清楚，请在 cmets 中告诉我。

谢谢，

Dom

【问题讨论】：

标签： javascript image richtextbox gmail copy-paste

【解决方案1】：

在 Google 邮件中发生的情况是，当您将图像拖到富文本区域时，它会收到带有图像 URL 的 dragdrop 事件。如果图像在线，您可以让 javascript 捕获它并插入 <img> 标记。如果图像在用户文件系统上，它将不起作用（出于安全原因）。

【讨论】：

【解决方案2】：

如果安装了Chrome Frame，这将在IE中工作：http://strd6.com/2011/09/html5-javascript-pasting-image-data-in-chrome/

【讨论】：

不适用于所有主流浏览器，如 Firefox、Safari。有更新吗？