Wait for TinyMCE to load Wait for TinyMCE to load jquery jquery

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

TinyMCE 'addeditor' event documentation