CKEditor in hidden element (bug?)

why are you using hidden div ?
a plugin ?
jquery pagination ?

We have came across the same problem using jQuery and the default JQuery-UI tabs.

It only seems to happen when CKEditor is in a hidden tab and has no content set.

Our workaround was to populate any emply instances of CKEditor that were in a tabbed interface with an empty paragraph, eg

<p>&nbsp;</p>

Hope this helps.

psykoptic wrote:
Our workaround was to populate any emply instances of CKEditor that were in a tabbed interface with an empty paragraph, eg

<p>&nbsp;</p>

Hope this helps.

Sorry, I'm still learning my way around CKEditor, and I am having this same issue.
How did you populate the empty instances?

nikctc wrote:

psykoptic wrote:
Our workaround was to populate any emply instances of CKEditor that were in a tabbed interface with an empty paragraph, eg

<p>&nbsp;</p>

Hope this helps.

Sorry, I'm still learning my way around CKEditor, and I am having this same issue.
How did you populate the empty instances?

We wrote a .NET wrapper that handled the implementation, probably not exactly what you need.

But you could do something similar in jQuery or PHP, just check the value of the textarea before you run the CKEditor.replace method, if the value is empty, then insert the empty paragraph.

In jQuery:

$(document).ready(function() {
   if($('#txtTextAreaName').val() == '') $('#txtTextAreaName').val('<p>&nbsp;</p>');
      var txttextareaname = CKEDITOR.replace('txtTextAreaName', {
      toolbar: 'CMS_Default',
      height: '365px',
      width: '750px'
   });
   
   // other stuff happens down here

});

Its not hugely sophisticated, but it works!

Yes it does : )

Even just:
<textarea name="editorBody">dummytxt</textarea>

Thank you psykoptic

This doesn't just happen with a hidden UI tab -- but if there's a hidden textarea at all. And the solution of putting dummy content in the hidden one doesn't work for us. The form shows properly but when you save, there's the error mentioned (i.contentWindow.document is null) and the SECOND textarea (which was not hidden) is not updated - no matter what we do. If the hidden one is the second ckeditor on the page, the first will successfully save contents, though.

I think that what will be necessary is to NOT try to ckeditor.replace a hidden textarea at all. But then, the action/button/link which reveals the hidden one will need to have an onclick that triggers the ckeditor.replace function. Which means you have to write it as a triggerable function in the first place. Nasty workaround, but several days of searching hasn't turned up any other fix.

Hope there's a better way, soon.