Multiple instances of CKEditor (in Safari)

Question

I'm having a problem creating multiple instances of a CKEditor in a JQuery UI dialog. The dialog loads a remote form via AJAX, so the goal is to be able to close and reopen the dialog and have a new instance of the editor. With the default options, when reopening the dialog it gives an error saying that an editor with that name already exists. So I have tried several methods of destroying the editor instance and they all result in the same problem. When the editor is reloaded, the text area says null and the buttons don't function.

Currently I'm using this method of destroying the instance:

var instance = CKEDITOR.instances['test'];
if (instance) { CKEDITOR.remove(CKEDITOR.instances['test']); }

I recreated the issue with a couple of simple html files available for download here.

EDIT: I just tried using two remote files with a text area that has a different name and I have the same problem. When one dialog is opened and then closed, the other dialog has a "null" CKEditor when it is opened.

Also, apparently this is only a problem in Safari.

Answer 1

what I do:

var instance = CKEDITOR.instances['test'];
instance.destroy();
instance = null;

Answer 2

seems like a duplicate:

http://stackoverflow.com/questions/1794219/ckeditor-instance-already-exists

Answer 3

I am new to CKEditor and I am having the same issue. What do you mean by the following?

Attach the editor in the callback function from the index page and you should be ok.