Firefox - designMode：禁用图像调整大小手柄

Question

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

Answer 1

这对于 Firefox 来说效果很好：

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

对于我使用过的 IE：

image.attachEvent("onresizestart", function(e) { e .returnValue = false }, false);

Answer 2

假设您像这样打开 contentEditable：

document.body.contentEditable = true;

您所要做的就是为所有（或部分）图像关闭它。

var imgs = document.getElementsByTagName("IMG");
for (var i = 0; i < imgs.length; ++i) {
    imgs[i].contentEditable = false;
}

Answer 3

我想你会发现这更容易接受。 似乎可以在 Firefox 中使用，但我不确定其他浏览器是否也可以：

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

它保留了拖放功能。

Answer 4

好吧，你无法在 Firefox 和 IE 中删除这些调整大小处理程序......至少我找不到解决方案。

最后，我通过编辑 FF 安装文件夹中的一些配置文件在 Firefox 中进行了管理，但我们不想这样做，对吧？

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

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

问候，
米哈伊洛

Answer 5

虽然这个问题已经很久了。
每个块元素（div、img...）都将用 FF 的句柄进行装饰。
测试一下：

<div id="myDiv" contenteditable="true"><p>Sample text!</p></div>

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

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

图像可以调整大小。
因此，您必须为您不想拥有句柄的每个块元素显式调用 contenteditable="false"，正如 nickf 已经针对图像所说的那样。

更奇怪的是：
将“position:absolute”分配给任何元素 - 甚至是父 div - 并且它再次具有句柄。

Answer 6

我还不能发表评论和投票，所以...根据 nmb.ten 的回答，你必须使用：

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

但是它仅在你的内容填写完毕后才有效（我的意思是如果您必须编辑之前保存的一些文本）。