CKEditor instance disappears after AJAX form submit

Issue:
On an AJAX form submit, the correct value of the CKEditor is succesully posted and inserted into a database. However, after the first submission the editor completely disappears (including the original text field).

Background:
* The CKEditor instance is initated by the CKEDITOR.replace method of an existing text field.
* Tried using the CKEDITOR.appendTo approach to dynamically create the editor - however the same issue occurs.
* The text field is located in a seperate page which is pulled into the main page via AJAX.
* The updated contents of the CKEditor are obtained via the following snippet:

for(var name in CKEDITOR.instances)
         CKEDITOR.instances[name].updateElement();

My guess would be that the CKEditor instance needs to be destroyed and recreated after submission? However, I have searched, read and experimented extensively and have not been able to rectify the issue.

Can anyone please provide some help with this?

Thanks in advance.

Mon, 09/14/2009 - 10:20

cferretti

Joined: 14/09/2009

Posts: 1

Re: CKEditor instance disappears after AJAX form submit

Tue, 09/15/2009 - 03:48

bvi

Joined: 14/09/2009

Posts: 2

Re: CKEditor instance disappears after AJAX form submit

http://cksource.com/forums/viewtopic.php?f=11&t=15499&p=39483&hilit=destroy+ckeditor#p39483

delete CKEDITOR.instances[ 'editor name' ];

http://docs.fckeditor.net/ckeditor_api/symbols/CKEDITOR.editor.html#destroy

Fri, 09/18/2009 - 22:41

dogbreath

Joined: 18/09/2009

Posts: 1

Re: CKEditor instance disappears after AJAX form submit

Here's what worked for my Ajax form:

<form id='myForm' ... >
<textarea id='myTextArea'></textarea>
<script type='text/javascript'>
try { CKEDITOR.replace('myTextArea'); } catch(e){}
</script>

<input type="submit" name="submit" value="Save" onclick="document.getElementById('myTextArea').value=CKEDITOR.instances.myTextArea.getData(); CKEDITOR.instances.myTextArea.destroy()" /> 
</form>

Sat, 09/19/2009 - 08:50

garry.yao

Joined: 03/01/2009

Posts: 170

Re: CKEditor instance disappears after AJAX form submit

@BVI It's better to provide an reduced example page to help us understand your issue.

Wed, 10/28/2009 - 19:30

adamp

Joined: 28/10/2009

Posts: 1

Re: CKEditor instance disappears after AJAX form submit

Hi guys,

The solution that worked for me was as follows:

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

CKEDITOR.replace( 'Field1');

Hope this helps,
Adam

Tue, 01/13/2015 - 11:17

(Reply to #6) #7

madenigma

Joined: 13/01/2015

Posts: 1

Thank you

This solution also worked for me well.