Hi everyone,
I'm new with CKEditor, so far it works all well and seems to be a great tool for me.
Now I'm having a difficulty:
I use the jQuery $('#form_message').ckeditor() function after my textarea, which turns it to a CKEditor.
Then te form gets submitted in an AJAX call, which returns HTML. That return HTML replaces the original HTML in the DIV where the form was. If the form is invalid, the same form will be in the return HTML (with the error messages for the user added).
Ofcourse the new textarea in the AJAX return HTML is not an CKEditor. But, when I once more use the $('#form_message').ckeditor() function, an JavaScript error says "uncaught exception: [CKEDITOR.editor] The instance "message_message" already exists."
Okay, that makes sense. I already initiated the CKEditor and want to do ik again.
The original textarea (and with it the editor) disappeared when it got replaced by the AJAX return HTML.
Obviously my question is: how can I initiate the editor anew, making the new textarea from the AJAX return HTML (having the exact same ID as the original textarea) a CKEditor again?
Someone who can help me with this?
Thank you in advance!
I'm new with CKEditor, so far it works all well and seems to be a great tool for me.
Now I'm having a difficulty:
I use the jQuery $('#form_message').ckeditor() function after my textarea, which turns it to a CKEditor.
Then te form gets submitted in an AJAX call, which returns HTML. That return HTML replaces the original HTML in the DIV where the form was. If the form is invalid, the same form will be in the return HTML (with the error messages for the user added).
Ofcourse the new textarea in the AJAX return HTML is not an CKEditor. But, when I once more use the $('#form_message').ckeditor() function, an JavaScript error says "uncaught exception: [CKEDITOR.editor] The instance "message_message" already exists."
Okay, that makes sense. I already initiated the CKEditor and want to do ik again.
The original textarea (and with it the editor) disappeared when it got replaced by the AJAX return HTML.
Obviously my question is: how can I initiate the editor anew, making the new textarea from the AJAX return HTML (having the exact same ID as the original textarea) a CKEditor again?
Someone who can help me with this?
Thank you in advance!
Re: Initiate CKEditor again
Delete the instance in your AJAX return HTML!
if(CKEDITOR.instances['form_message']) CKEDITOR.remove(CKEDITOR.instances['form_message']);
And then you can initiate it again, converting the new textarea that came with the AJAX return HTML in an CKEditor.