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

Webkit: live images resize in contenteditable container

本文关键字：调整 实时 图像 Webkit      更新时间：2023-09-26

我正在尝试在Chrome浏览器中具有可调整大小的图像，就像Firefox一样。当您单击图像时，应该出现调整大小处理程序。我尝试了jQuery UI可调整大小的插件，但是当你移动(拖放)容器内的图像时，它就坏了。也尝试了CSS3的调整大小属性，但它只适用于块元素，而不是任何建议吗?由于

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

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

在这种情况下，您将不得不使用其他方法，例如向可编辑元素添加单击事件处理程序，并在单击图像时在图像周围绘制resize元素。考虑到大型编辑器(TinyMCE和CKEditor)还没有实现它，我认为这很复杂。

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

相关文章：