How to ajax-submit a form textarea input from CKEditor?
you need to first call the following, to make the CKEDITORs update their related fields..
for ( instance in CKEDITOR.instances ) CKEDITOR.instances[instance].updateElement();
so
HTML
<a onClick="CKupdate();$('#article-form').ajaxSubmit();">Submit</a>
and javascript
function CKupdate(){ for ( instance in CKEDITOR.instances ) CKEDITOR.instances[instance].updateElement();}
This works for me best: beforeSerialize callback
$('form#description').ajaxForm({ beforeSerialize:function($Form, options){ /* Before serialize */ for ( instance in CKEDITOR.instances ) { CKEDITOR.instances[instance].updateElement(); } return true; }, // other options});
If you use the jQuery form plugin, you can use the beforeSubmit option for a more elegant solution:
$("#form").ajaxForm({ beforeSubmit: function(){ /* Before submit */ for ( instance in CKEDITOR.instances ) { CKEDITOR.instances[instance].updateElement(); }}, // ... other options});