当我使用像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