Question

Seems like a simple problem, I have a form and when someone needs to edit data, the textarea that is controlled by TINYMCE loads the values, but when I change it and submit the form, the new changes are not being posted.

What am I doing wrong?

UPDATE
How do I do it via this, or do it say on click in the editor. I am using jquery validate, this is the submit handler.

$(form).ajaxSubmit({
                target:'#result',
                success:function(){

                    $('html, body').animate({scrollTop:'90px'}, 500);},
                clearForm: false});

                }});

Answer 1

You have to call tinyMCE’s save method when the user clicks the submit button:

$(form).ajaxSubmit({
    beforeSerialize: function() {
        tinyMCE.get('content').save();  // 'content' is the id of your textarea
    },

    ...
});

Reference: http://wiki.moxiecode.com/index.php/TinyMCE:API/tinymce.Editor/save