Jquery ui 如何禁用contentEditable DIV的Firefox图像修改操作？

我这里有一个js提琴——有一个DIV，我将其设置为contentEditable，其中包含一个图像

<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>

这里有一些文本框，这样我们可以看到文本如何与图像交互。

我注意到，对于FirefoxContentEditable，用户可以单击图像来调出句柄，从而可以调整图像的大小。或者，单击图像后，可以将其拖动到容器中的另一个位置，如果在拖动时按住control键，则可以创建图像的副本，因此现在DIV中有两个图像

我需要将DIV设置为contentEditable，但我不想允许对图像执行上述任何操作，因为我的应用程序已经使用jQuery UI使图像可以调整大小和拖动，并且浏览器中的这些功能可以让用户在我提供的所有内容上跺脚

我已经添加了一个已知的修复程序来防止Firefox拖动图像，这样就解决了部分问题，但是当你点击图像时仍然会出现调整大小的手柄，你仍然可以调整它的大小

---

是否有办法禁用所有图像修改Firefox功能？

是否尝试将事件

onresizestart

附加到图像以

返回false

我相信这是值得一试的

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

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

抱歉，编辑太多