Image Firefox-设计模式：禁用图像大小调整句柄

如何防止用户在设计模式下调整图像大小？（单击图像时禁用句柄）

假设您打开contentEditable，如下所示：

document.body.contentEditable = true;

您所要做的就是为所有（或某些）图像关闭它

var-imgs=document.getElementsByTagName（“IMG”）；
对于（变量i=0；i

好吧，无论是在Firefox还是IE中，都无法删除这些调整大小的处理程序。。。至少我找不到解决办法

最后，我在Firefox中通过编辑FF安装文件夹中的一些配置文件实现了这一点，我们不想这样做，对吗

无论如何，如果您想禁用调整大小if图像（但调整大小处理程序仍然可见），只需添加一些css样式，如：

img {
    width: auto !important;
    height: auto !important;
}

问候,，

---

Mihailo

尽管这个问题已经很久了。 每个块元素（div、img…）将由FF的手柄装饰。 测试它：

示例文本

没有手柄，没有调整大小等

<div id="myDiv" contenteditable="true"><p>Sample text!</p><img src="picture.jpg" /></div>

示例文本

可以调整图像的大小。 因此，您必须显式地为您不希望具有句柄的每个块元素调用contenteditable=“false”，正如nickf对图像所说的那样

更奇怪的是：

---

将“position:absolute”分配给任何元素（甚至是父div），它将再次具有句柄。

我认为您会发现这更容易接受。似乎可以在Firefox中使用，但我不确定其他浏览器：

document.execCommand("enableObjectResizing", false, false);

---

它保留了完整的拖放功能。

这对Firefox很好：

document.execCommand（“enableObjectResizing”，false，false）

对于IE，我使用了：

image.attachEvent（“onresizestart”，函数（e）{e.returnValue=false；}，false）
我还不能评论和投票，所以。。。根据nmb.ten的回答，您必须使用：

document.execCommand("enableObjectResizing", false, false);

但是只有在您的内容被填写后（我的意思是如果您必须编辑之前保存的一些文本），它才起作用。
确实适用于内容编辑。似乎不适用于设计模式。这个解决方案产生了一个新的问题：当图像被移动和释放时，它将在可编辑区域的插入符号位置创建图像的副本。有什么建议吗？我对这两个方面都不太了解，那么contentEditable和designMode有什么区别呢？如果designMode不起作用，你能切换到contentEditable吗？在我之前的问题（拖动图像）中找到问题：mousedown->event.preventDefault（）；谢谢nick，我正在切换到contentEditable…嘿，dEEF，你有一些示例代码来禁用Firefox中的调整大小句柄吗。上面的代码不起作用，我认为contentEditable在Firefox中不起作用。在IE8中，将“contentEditable”设置为
false
对我不起作用。调整大小的句柄仍然存在。奇怪的是，
attachEvent（'onresizestart'，函数（e）{e.returnValue=false}）
也不阻止调整大小。我喜欢stackoverflow上的情况，你永远不知道你的答案会如何影响其他人，也许在未来几年。这是：“更奇怪的是：将“position:absolute”分配给任何元素，甚至是父div，它又有了句柄。”
document.execCommand("enableObjectResizing", false, false);

document.execCommand("enableObjectResizing", false, false);