如何使用jQuery隐藏和显示CKEditor？

以下代码应允许隐藏/显示CKEditor表单

Hide Show 
 blabla  CKEDITOR.replace( 'editor1' );    

但是，这个代码在Chrome上工作正常，但在Firefox上，一旦我在编辑器中切换（一个’隐藏’点击后跟一个’显示’点击），它就变得不可编辑了!!

如何让它在每个浏览器上运行？

谢谢。

Answer 1

解决方案是：

 // Hide form CKEDITOR.instances.editor1.updateElement(); CKEDITOR.instances.editor1.destroy(); $('#form1').hide(); //Show form CKEDITOR.replace( 'editor1', {height: "220px", skin: "v2"}); $('#form1').show(); 

Answer 2

我在http://dizkover.com/post/67/how-to-show-hide-ckeditor-using-jquery-ckeditor-tip找到答案

所以基本上，你必须首先通过执行ff来破坏CKEditor实例：

 if(typeof CKEDITOR.instances['element_name'] != 'undefined') { CKEDITOR.instances['element_name'].updateElement(); CKEDITOR.instances['element_name'].destroy(); } 

Answer 3

看起来这可能会帮助你：

http://dev.ckeditor.com/ticket/544

在我链接的报告中，他们显示尝试这样的事情：

 if (frames[0]) { frames[0].FCK.EditingArea.MakeEditable(); } 

Answer 4

它似乎没有真正的解决方法。

有关详细信息，请参见此处 唯一的解决方案是等待CKEditor新版本3.4。

Answer 5

Answer 6

尝试将其包装在div中，例如：

...

并在div上进行隐藏显示。

Answer 7

 $("div[id*='cke_editor']").hide(); $("div[id*='cke_editor']").show(); 

对于我的CkEditor 4