TinyMCE показать меню в фокусе

Question

Я крошечный MCE в моем проекте.

У меня есть две текстовые области. Мне нужно только показать элементы управления для активного. У меня было два варианта:

1. Имейте общий контроль над обоими.
2. Скрыть элементы управления неактивного редактора.

Я не мог понять первый вариант. Я пошел со вторым подходом.

Теперь я могу запускать события, когда редактор находится в фокусе. Мне нужна помощь с удалением меню и инструментов из редактора, когда он выходит из фокуса.

Вот код того, как я подхожу ко второму варианту:

setup : function(ed) {
            ed.on("focusout", function() {
                tinyMCE.activeEditor.execCommand('mceSetAttribute','toolbar','false');
           console.log(tinyMCE.activeEditor.execCommand('mceSetAttribute','toolbar','false'));
            });
            ed.on("focus", function() {

                });
        }

Answer 1

Это работает для tinyMCE 4 (при условии, что вы используете jQuery):

setup: function(editor) {
    editor.on("init", function() {
        editor.contentParent = $(this.contentAreaContainer.parentElement);
        editor.contentParent.find("div.mce-toolbar-grp").hide();
    });
    editor.on('focus', function () {
        editor.contentParent.find("div.mce-toolbar-grp").show();
    });
    editor.on('blur', function () {
        editor.contentParent.find("div.mce-toolbar-grp").hide();
    });
}

Незначительное примечание: вы также можете использовать angular.element(...) на месте $(...) при использовании AngularJS.