¿Cómo ocultar y mostrar un CKEditor usando jQuery?

Question

El siguiente código debe permitir ocultar/mostrar la forma de CKEditor

<a onClick="$('#form1').hide();">Hide</a> 
<a onClick="$('#form1').show();">Show</a> 
<form action="sample_posteddata.php" method="post" id="form1"> 
    <textarea id="editor1" name="editor1">blabla</textarea> 
    <script type="text/javascript"> CKEDITOR.replace('editor1'); </script> 
    <input type="submit" value="Submit" /> 
</form> 

Sin embargo, este código funciona bien en Chrome, pero en Firefox, una vez que haya conmutado una vez que el editor (una 'ocultar' clic seguido de uno ' mostrar 'clic), ¡no se puede editar!

¿Cómo puedo hacer que funcione en todos los navegadores?

Gracias.

Answer 1

No parece tener una solución real.

Consulte here para obtener más información. La única solución es esperar la nueva versión 3.4 de CKEditor.

Answer 2

Parece que esto podría ayudarle a cabo:

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

En el informe he vinculado a Muestran intentar algo como esto:

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

Answer 3

Intente lo envolvió en un div por ejemplo: <div id="fckz"> <form >...</form> </div> y haz que el hide se muestre en el div.

Answer 4

solución es:

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

Answer 5

<div id="container">    
    <textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10"></textarea> 
</div> 
<p> 
    <input type="button" value="jQuery Hide" onclick="$('#container').hide('fast');" /> 
    <input type="button" value="jQuery Show" onclick="$('#container').show('fast');" /> 
</p> 

Answer 6

encontré una respuesta a http://dizkover.com/post/67/how-to-show-hide-ckeditor-using-jquery-ckeditor-tip

Así que, básicamente, tiene que destory la instancia CKEditor primero haciendo lo ff:

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