Webkit：实时图像在可疑容器中调整大小

Question

我正试图在Chrome中的contenteditor div中拥有可调整大小的图片，就像Firefox一样。 单击图像时，应显示调整大小处理程序。 我尝试了jQuery UI可调整大小的插件，但是当您移动（拖放）容器内的图像时它会被破坏。 还尝试了CSS3 resize属性，但它只适用于块元素，而不是 有什么建议吗？ 感谢

Answer 1

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

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

在这种情况下，您将不得不使用其他方法，例如向可编辑元素添加单击事件处理程序，并在图像周围绘制缩放器元素（如果单击了一个）。看到大编辑（TinyMCE和CKEditor）没有实现它，我认为有并发症。

Answer 2

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