Come nascondere e mostrare un CKEditor usando jQuery?

Question

Il seguente codice dovrebbe consentire di nascondere/mostrare la forma 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> 

Tuttavia, questo codice funziona bene su Chrome, ma su Firefox, una volta che ho commutato una volta l'editor (uno 'nascondere' Clicca seguito da un ' mostra 'click', non diventa modificabile !!

Come posso farlo funzionare su tutti i browser?

Grazie.

Answer 1

Non sembra avere una soluzione reale.

Vedere here per ulteriori informazioni. L'unica soluzione è aspettare la nuova versione 3.4 di CKEditor.

Answer 2

Sembra che questo potrebbe aiutarti:

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

Nella relazione ho collegato a essi mostrano provare qualcosa di simile:

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

Answer 3

Prova avvolse in un div per esempio: <div id="fckz"> <form >...</form> </div> e fai lo show hide sul div.

Answer 4

soluzione è:

// 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

ho trovato una risposta a http://dizkover.com/post/67/how-to-show-hide-ckeditor-using-jquery-ckeditor-tip

Quindi, fondamentalmente, si deve destory l'istanza CKEditor prima facendo il ff:

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