【问题标题】:Webkit: live images resize in contenteditable containerWebkit:在 contenteditable 容器中调整实时图像大小
【发布时间】:2011-12-23 20:44:04
【问题描述】:

我正在尝试在 Chrome 中的 contenteditor div 中拥有可调整大小的图像,就像 Firefox 一样。 当您单击图像时,应该会出现调整大小处理程序。 我尝试了 jQuery UI 可调整大小的插件,但是当您移动(拖放)容器内的图像时它会损坏。 还尝试了 CSS3 resize 属性,但它仅适用于块元素,不适用于 有什么建议吗? 谢谢

【问题讨论】:

    标签: javascript google-chrome webkit contenteditable image-resizing


    【解决方案1】:

    很遗憾,WebKit 不支持在可编辑元素中调整图像和表格的大小。

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

    【讨论】:

      【解决方案2】:

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

      【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-08-16
      • 2020-06-03
      • 2019-05-18
      • 2010-12-21
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多