Run jQuery plugin on TinyMCE content

Question

I have a jQuery plugin (jQuery.fn.myJQueryPlugin) that loads on a page that also loads a TinyMCE editor.

Is there a way I can get the plugin to work on the content of the TinyMCE editor (via a TinyMCE plugin)?

I've tried something along the lines of

tinymce.PluginManager.add( 'myTinyMCEPlugin', function( editor ) {
    editor.on('PostProcess', function(event){
        editor.getWin().parent.jQuery(".trigger-class").myJQueryPlugin();
    });
});

but that doesn't seem to work

Jack James · Accepted Answer · 2014-07-16 08:02:43Z

1

ok, it turns out, it can be done:

tinymce.PluginManager.add( 'myTinyMCEPlugin', function( editor ) {
    editor.on('PostProcess', function(event){
        // get jQuery from parent window
        $ = editor.getWin().parent.jQuery;
        $(".trigger-class", editor.getDoc()).myJQueryPlugin();
    });
});

answered Jul 16, 2014 at 8:02

Jack James

5,4026 gold badges39 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Run jQuery plugin on TinyMCE content

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related