Perform action after TinyMCE rendered in DOM

问题

I'm using TinyMCE 4 and setting it up as follows:

tinyMCE.init({
            mode : "specific_textareas",
            editor_selector : "basicTinyMCE",
            theme : "modern",
            readonly : false,
            ...});

I want to call a function after it has been rendered in the DOM.

I came across this and tried:

tinyMCE.init({
                mode : "specific_textareas",
                editor_selector : "basicTinyMCE",
                theme : "modern",
                readonly : false,
                setup : function(ed) {
                  ed.onPostRender.add(function(ed,cm) {
                    console.log('After render: ' + ed.id);
                  });
                }
              });

I get the following error:

SCRIPT5007: Unable to get property 'add' of undefined or null reference

Any ideas if this is the correct way to achieve what I want? And if so, why is the error appearing?

回答1:

You've got two options:

1. Use configuration init_instance_callback http://www.tinymce.com/wiki.php/Configuration:init_instance_callback

2. Use new way to add callbacks

   ed.on('postRender', function(e) { console.log('postRender'); });

来源：https://stackoverflow.com/questions/23522824/perform-action-after-tinymce-rendered-in-dom