在iOS5.1上的Safari中使用Jquery移动设备的CKEditor中的行为不一致

时间:2012-05-19 16:39:59

标签: jquery jquery-mobile ckeditor

http://demo.goseamless.co.za/cktest/ - 此链接包含带有错误的代码示例

尝试在iOS设备上输入编辑器,然后移动光标 点击编辑器中的不同位置。并继续打字, 编辑器停止响应,然后关闭键盘并再次点击 编辑允许您输入。

iOS屏幕键盘上的下一个/上一个按钮也会忽略 编辑“通过控件”选项卡

1 个答案:

答案 0 :(得分:1)

您可能知道,CKEditor(与许多其他HTML编辑器一样)是在iframe上实现的。当您在编辑器中点击以移动光标时,由于某种原因,包含编辑器的页面会在编辑器的iframe丢失时获得焦点。这就是编辑停止响应的原因。它是JqueryMobile导致这种奇怪的焦点转换。

我尝试了不同的解决方法,例如,当编辑器丢失它或试图阻止JqueryMobile将焦点从编辑器移动到页面时,我试图将编辑器重新置于焦点。但是这些解决方法只能部分地解决问题,或者解决不了所有问题。

我最终升级到CKEditor 4.(截至本文撰写时,它仍然处于测试阶段。)CKEditor 4仍然基于iframe。因此它与之前的版本具有相同的焦点相关问题。但CKEditor 4还支持内联编辑。此实现基于contenteditable元素而不是iframe。它没有焦点问题。我们根据我们的需求定制内联实施,并在我们的网站上使用它。到目前为止一切都好。