The forum operates in read-only mode. Please head to StackOverflow for support.

Tue, 03/09/2010 - 18:43

drakanor

Joined: 05/03/2010

Posts: 4

i.contentWindow is null

I'm trying to load ckEditor 3.2 inside an Ajax snippet like this:

Website global (outside Ajax snippet):

var ckEditorText = null;

Inside Ajax snippet:

...
<textarea name="text" class="ckeditor"></textarea>
...
<script type="text/javascript">
   if (ckEditorText) {
      ckEditorText.destroy();
      ckEditorText = null;
   }
   ckEditorText = CKEDITOR.replace('text');
</script>

As soon as I call the Ajax snippet the second time, I'll get JavaScript error "i.contentWindow is null". From the third time on it works again. Any idea why?

Besides, is there maybe a better way to work with ckEditor inside asynchronously loaded content? I'd especially get rid of custom global JavaScript vars. The ajax.html inside the ckEditor's _samples folder actually doesn't give a clue about it.

Thanks in advance,
Roman

Wed, 03/10/2010 - 12:18

drakanor

Joined: 05/03/2010

Posts: 4

Re: i.contentWindow is null

After playing around a bit, I found this solution to be working in all major browsers:

if (CKEDITOR.instances['text']) {
        CKEDITOR.remove(CKEDITOR.instances['text']);
}
CKEDITOR.replace('text');

The way it's done in _samples/Ajax.html is definitely not working (for us) in a real Ajax setup.

Wed, 03/10/2010 - 16:04

alfonsoml

Joined: 31/12/2006

Posts: 3735

Re: i.contentWindow is null

What you are doing is leaving the previous editor object (and all its associated DOM elements) in memory, so that would be horrible in an AJAX environment.

Those code snippets doesn't show any clue about what's the difference between your code and the provided samples, so it's not possible to fix any bug.

Mon, 06/14/2010 - 00:45

hornball

Joined: 13/06/2010

Posts: 4

Re: i.contentWindow is null

Attachments:

Attachment	Size
Clicking on the space to the right after the 'Test' text creates a new <p> below, and places the editing caret there. BUT, only on the second time around (CKEDITOR was destroy()ed and the textarea removed from the DOM, but the element NAME remains the same).	24.94 KB

Mon, 06/14/2010 - 00:50

hornball

Joined: 13/06/2010

Posts: 4

Re: i.contentWindow is null

Quick note: If I on the second instance go into source mode and then back, ckeditor will NOT create the second <p> below the first. Nothing else is done other than switching to source mode and back.

Wed, 03/16/2011 - 16:58

mlowrey

Joined: 04/10/2010

Posts: 3

Re: i.contentWindow is null

Wed, 12/21/2011 - 19:03

qrashandburn

Joined: 21/12/2011

Posts: 1

Re: i.contentWindow is null

This problem is caused by a race condition with the wordcount plugin. Try this: load the page with your ckeditor, then wait for the Word Count to appear in the bottom right corner of the frame, then cancel. You can do this all day without a problem. If you cancel before this happens, the ckeditor iframe won't be visible and contentWindow will be null, so the plugin has nothing to add itself to. Fix it by removing the wordcount plugin when you create the editor.

CKEDITOR.replace( id, {removePlugins : "wordcount" } );

You can easily implement your own wordcount with some jquery and event handlers on the keyup and paste events in the editor.