Webkit:在可内容编辑的容器中调整实时图像的大小

Question

我正在尝试在Chrome的contenteditor div中拥有可调整大小的图像，就像Firefox所做的那样。当您单击图像时，应该会出现调整大小的处理程序。我尝试过jQuery UI可调整大小的插件，但当您在容器中移动(拖放)图像时，它就会损坏。我也尝试过CSS3调整大小属性，但它只适用于块元素，没有任何建议吗？谢谢

Answer 1

不幸的是，WebKit不支持在可编辑元素中调整图像和表格的大小。

• https://bugs.webkit.org/show_bug.cgi?id=7154
• https://bugs.webkit.org/show_bug.cgi?id=12250

在这种情况下，您将不得不使用一些其他方法，例如向可编辑元素添加一个click事件处理程序，并在图像周围绘制大小调整元素(如果单击了一个元素)。鉴于大型编辑器(TinyMCE和CKEditor)还没有实现它，我认为这其中有一些复杂之处。

Answer 2

WebKit不支持调整图像和表格的大小。但是，可以通过使用javascript实现调整大小功能来修复此问题。使用javascript操作图像和在可编辑的iframe中操作图像没有太大区别。有一个开源的jquery插件正在实现这个http://www.editorboost.net/webkitresize，这个插件也支持表格单元格大小调整。