jQuery插件jqDnR - 在float:right上使用元素

时间:2011-12-28 23:58:14

标签: jquery drag-and-drop webkit ckeditor contenteditable

当我使用像CKEditor或TinyMCE这样的WYSIWYG编辑器时,我正在为WebKit浏览器中的可怕错误开发一种解决方法,在这种编辑器中,您无法在可信区域中调整图像大小。

FireFox和IE都提供了在单击图像时调整大小的句柄,但WebKit没有,我还没有看到任何人为此提供真正的解决方法。

我所做的是在CKEditor实例内的所有图像上设置onclick侦听器,它将直接在图像顶部覆盖绝对定位的DIV,该图像具有“jqDnR”插件,允许您调整DIV的大小。然后在新DIV上有一个resize事件,它将调整点击以“激活”叠加层的图像。

我很惊讶地说,它确实有效! (在某种程度上)

我遇到的问题是图像浮动到右边。

调整大小手柄仅向右拉。如果图像浮动到右侧,则必须将句柄拖到CKEditor窗口之外,此时会丢失它。

基本上,我正在寻找的是一种“反转”jqDnR插件功能的方法,当图像浮动到右侧时。

我看过的所有'拖动和调整大小'插件都在元素的右下角有调整大小的句柄,你只能向右拖动。

我愿意使用除jqDnR之外的其他东西,但到目前为止,这是最好的匹配,也是最简单的工作。

希望有人可以对此发表意见。

谢谢!

jqDnR: http://dev.iceburg.net/jquery/jqDnR/

此外,jQuery>还需要这个简单的修复程序。 1.1: jqDnR plugin doesn't work with jQuery 1.4

0 个答案:

没有答案