Doesn't work with multiple instances of TinyMCE (e.g. ACF)

[chrisgoddard]

Hey there,

Quick issue I found - when you have multiple WYSIWYG editors - like you can with Advanced Custom Fields, the setActiveColor function is only working with the first editor window.

If you add an additional context argument - and pass it the element it's being called from, it will work.

I did it like this:

function setActiveColor( instance, property, color, recalc ) {

        var colors = $(instance).find( '.tinymce-cp-body-' + property + ' .iris-palette' ).removeClass( 'active' );
        color = color || editor.dom.toHex( editor.dom.getStyle( editor.selection.getNode(), property ) );

        if ( recalc ) {
            colors.each( function() {
                var hex = editor.dom.toHex( $( this ).css( 'background-color' ) );
                $( this ).addClass( property + '-' + hex.slice( 1, 7 ) ).data( 'color', hex );
            } );
        }

        if ( color ) {
            colors.filter( '.' + property + '-' + color.slice( 1, 7 ) ).first().addClass( 'active' );
        }
    }

Then passed it either the panel or $(this) property within $( '.mce-colorbutton .mce-open' ).on( 'click'..