javascript - 如何禁用 _moz_resizing？

Question

我使用的是 nicEdit 编辑器，我已经在其中添加了我自己的自定义图像大小调整脚本。但我想禁用 Firefox 中出现的默认 _moz_resizing 。

我想更好地控制正在调整大小的图像。 (例如:只允许图像调整大小并继承父容器的宽度。)

所以我写了一个自定义脚本。但由于 Firefox 有自己的图像大小调整控件 (_moz_resizing)，我该如何禁用它？如果没有办法这样做，我有一个非常简单的解决方法，即检测 Firefox 并关闭我的自定义脚本并改用 _moz_resizing。

但我不会有细粒度的控制，我将不得不依赖 Firefox 中存在的浏览器错误。 :(

Answer 1

在 Firefox 中，可以使用 enableObjectResizing 禁用 native 图像大小调整控件。命令。此命令必须在 designMode 设置为“on”后执行。

document.designMode = "on";
document.execCommand('enableObjectResizing', false, 'false');

一旦 native 调整大小控件被禁用，您就不应该看到 _moz_resizing 属性出现。它显示为 native 控件的副作用，但属性的存在或值不会直接影响控件本身。它的唯一目的是在要调整大小的元素周围触发一个黑色细轮廓。

大多数浏览器内的富文本编辑器都使用 iframe 来显示其内容。如果此 iframe 的 CSS 位置发生变化(例如，从静态变为绝对)，它将撤消 enableObjectResizing 命令的效果。可以重复该命令以再次关闭 native 控件。这非常令人困惑，因为没有迹象表明情况应该如此，但事实确实如此。如果 enableObjectResizing 对您不起作用，请确保在设置任何 CSS 位置值后设置它。

另请注意，“enableObjectResizing”命令将影响图像和绝对定位元素的大小调整器(如果可编辑内容区域内存在此类元素)。

我准备了一个minimal test page这说明了一个工作示例。