如何禁用 contentEditable DIV 的 Firefox 图片修改操作？答案

【问题标题】：How to disable the Firefox image modifying operations for a contentEditable DIV?如何禁用 contentEditable DIV 的 Firefox 图片修改操作？
【发布时间】：2013-07-26 00:50:04
【问题描述】：

我在这里有一个 js fiddle - http://jsfiddle.net/stevea/P9Wcr/1/ - 带有一个我已将其设为 contentEditable 并包含图像的 DIV。

<div id='box' contentEditable="TRUE">
    <img src="http://s20.postimg.org/fpitivjl9/Pelican.jpg" width=150px; />
    Here's some text for the box so we can see how text interacts with the image.
</div>

我注意到对于 Firefox，contentEditable 允许用户单击图像以显示它的句柄，从而允许调整图像大小。或者单击图像后，您可以将其拖动到容器中的另一个位置，如果在拖动时按住控制键，则会创建图像的副本，因此现在 DIV 中有两个图像。

我需要让 DIV 成为 contentEditable，但我不想允许对图像进行上述任何操作，因为我的应用程序已经使用 jQuery-UI 使图像可调整大小和可拖动，并且浏览器中的这些功能让用户踩着我提供的东西。

我添加了已知的修复程序来阻止 Firefox 拖动图像，从而解决了部分问题，但是当您单击图像时仍然会出现调整大小的句柄，并且您仍然可以调整它的大小。

有没有办法禁用火狐的所有图片修改功能？

【问题讨论】：

标签： jquery-ui firefox rte

【解决方案1】：

您是否尝试将事件onresizestart 附加到return false; 的图像？

我相信值得一试。

注意：我无法尝试，因为我这里没有 firefox :(

此外，您可以获取 div 中的所有图像并将每个图像的 contentEditable 属性设置为 false。

抱歉编辑过多

【讨论】：