Wie verstecken und zeigen Sie einen CKEditor mit jQuery?

Question

Der folgende Code sollte es ermöglichen, sich zu verstecken/zeigen die CKEditor Form

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

Allerdings funktioniert dieser Code auf Chrome in Ordnung, aber auf Firefox, sobald ich den Editor (ein einmal gewechselt haben ‚verstecken‘ durch ein "gefolgt klicken show 'click), es wird nicht editierbar !!

Wie kann ich es in jedem Browser funktionieren lassen?

Vielen Dank.

Answer 1

Es scheint keine echte Abhilfe zu haben.

Weitere Informationen finden Sie unter here. Die einzige Lösung ist, auf CKEditor neue Version 3.4 zu warten.

Answer 2

Sieht aus wie dies könnte Ihnen helfen:

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

Im Bericht ich sie verknüpft zeigen versuchen, etwas wie folgt aus:

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

Answer 3

es in einem div zB gewickelt Ausprobieren: <div id="fckz"> <form >...</form> </div> und machen Sie das ausblenden auf dem div anzeigen.

Answer 4

Lösung ist:

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

ich eine Antwort auf http://dizkover.com/post/67/how-to-show-hide-ckeditor-using-jquery-ckeditor-tip

Also im Grunde gefunden, müssen Sie zuerst die CKEditor Instanz destory durch die ff tun:

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