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

以下代码应允许隐藏/显示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>

但是，这段代码在Chrome上工作正常，但是在Firefox上，一旦我切换了一次编辑器(一次“隐藏”点击，然后再一次“显示”点击)，它就变得不可编辑!

如何使它在每种浏览器上都能正常工作？

谢谢你。

最佳答案

解决方案是:

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