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这个插件也支持表格单元格大小调整.