Trying to get the text written inside a TinyMCE textarea

I'm trying to get the text written inside a TinyMCE textarea. I have the code below. The TinyMCE text area is showed but the alert is not even showed. Why?

<html>
    <head></head>
    <body>
        <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js'></script> 
        <script type="text/javascript" src="/home/javiergarcia/Scaricati/jari/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
        <script type="text/javascript"> 
            tinyMCE.init({
                mode : "textareas",
            });

            $(document).ready(function() {
                $('form').submit(function() {
                    //alert("fasdfs");
                    alert(tinyMCE.get('#jander').getContent());
                });
            });
        </script>
        <form method="post" action="somepage">
            <textarea name="content" id="jander" style="width:100%"></textarea> 
            <input type="submit">
        </form>
    </body>
</html>

Regards

Javier

Why don't you simply use tinymce.get('jander').getContent(); (tinymce in lowercases!) ?

You should simply request the value of the original textarea control.

tinyMCE.triggerSave(false, true);
$('#jander').val();

Once you've included the TinyMCE jQuery plugin, you assign the editor to a variable and can then operate any jQuery function on it:

var wysiwyg = $('textarea.tinymce').tinymce(tinymce_settings);

Then to get the contents you can just fetch wysiwyg.html();

Also, see the TinyMCE jQuery documentation for other manipulation techniques.

As someone told me, the sharp character (#) is used in jQuery selectors and has nothing to do with tinyMCE.get(). So with this line below works ok.

alert(tinyMCE.get('jander').getContent());

try this one....

$.trim(tinymce.get('jander').getContent());

来源：https://stackoverflow.com/questions/5430543/trying-to-get-the-text-written-inside-a-tinymce-textarea

标签

javascript

jquery

html

tinymce

wysiwyg