CODEWITHSUNDEEP
javascriptjqueryhtmltinymcewysiwyg
tirenweb
tirenweb

Reputation: 31709

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

Upvotes: 25

Views: 44140

Answers (5)

Anugrah
Anugrah

Reputation: 1

try this one....

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

Upvotes: 0

tirenweb
tirenweb

Reputation: 31709

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());

Upvotes: 1

Thariama
Thariama

Reputation: 50832

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

Upvotes: 55

Dunhamzzz
Dunhamzzz

Reputation: 14798

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.

Upvotes: 2

Brian Scott
Brian Scott

Reputation: 9361

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

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

Upvotes: 11

Related Questions