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.