TinyMCE not sending value

Question

Hi All
It's the first time I've used Tiny Mce and I have a problem. Please Help

The editor works fine in editing but when I click submit nothing is sent from the textarea input

Here is the code:

<textarea name='proddesc' class='text_area' id='elm1' /></textarea>

I'm using jQuery, this is the code:

$('#addprod').submit(function(){
                $("#addprodmsg").hide();
        $.post('addprod.php', $("#addprod").serialize(), 
            function(data){
                    $("#addprodmsg").html(data);
        });
                $("#addprodmsg").show();
                return false;
});

The Php Code is:

foreach($_POST as $key){echo "<script>alert('$key')</script>";}

Everything alerts a value but the textarea is not alerting anything.

Also, when I disabled TinyMce and submit the form everything is ok.

2 - I'm using the rtl direction and I have this photo:

http://www.image-upload.net/images/mly8a68ufs0mdeky6low.jpg

Look At Style :(

Thank You

Answer 1

It is necessary to update the textareas content with the content of the editors iframe (tinymce uses an editable iframe like most rtes). In order to achieve this you need to call tinymce.get('elm1').save(); before you submit.

You can also grab the editors content using tinymce.get('elm1').getContent(); and sent this.t

Answer 2

function SubmitForm() {
    tinyMCE.triggerSave();
    $('#submit-form-training-materials').submit();
}