I have made some page with a CKEditor (django-ckeditor) and put it in a DIV with style "display:none". If I try to change it style on "display:block" the editor doesn't have an editable area.
Here is the example
<div class="tab-pane" id="field_keywords_en" style="display:none">
<p><textarea cols="40" id="id_keywords_en" name="keywords_en" rows="10"></textarea></p>
<script type="text/javascript">
CKEDITOR.replace("id_keywords_en", {"filebrowserWindowWidth": 940, "toolbar_Basic": [["Source", "-", "Bold", "Italic"]], "autoGrow_maxHeight": 600, "filebrowserUploadUrl": "/ckeditor/upload/", "resize_minHeight": 300, "autoGrow_bottomSpace": 300, "toolbar_Full": [["Styles", "Format", "Bold", "Italic", "Underline", "Strike", "SpellChecker", "Undo", "Redo"], ["Image", "Flash", "Table", "HorizontalRule"], ["TextColor", "BGColor"], ["Smiley", "SpecialChar"], ["Source"]], "autoParagraph": false, "autoGrow_minHeight": 300, "height": 300, "width": 600, "fillEmptyBlocks": false, "resize_enabled": true, "toolbarCanCollapse": false, "filebrowserBrowseUrl": "/ckeditor/browse/", "skin": "moono", "filebrowserWindowHeight": 725, "autoGrow_onStartup": true, "toolbar": "Full"});
</script>
