Wait for TinyMCE to load
Version 4 of TinyMCE uses a slightly different event binding method.
Version 3
// v3.xtinymce.init({ setup : function(ed) { ed.onInit.add(function(ed) { console.debug('Editor is done: ' + ed.id); }); }});
Version 4
// v4.xtinymce.init({ setup: function (ed) { ed.on('init', function(args) { console.debug(args.target.id); }); }});
Reference: http://www.tinymce.com/wiki.php/API3:event.tinymce.Editor.onInithttp://www.tinymce.com/wiki.php/Tutorial:Migration_guide_from_3.x
If you cannot access to the tinymce.init({...})
declaration (like in WordPress for example), you can also use addeditor
event :
/// Fires when an editor is added to the EditorManager collection. tinymce.on('addeditor', function( event ) { var editor = event.editor; var $textarea = $('#' + editor.id); console.log($textarea.val()); }, true );