tinymce 4 как добавить активацию кнопки

331
26 ноября 2016, 17:50
    /* Your plugin file: plugin.min.js */
tinymce.PluginManager.add('togglealign', function(editor) {
   var state;
    editor.on('click', function(e) {
        if(e.target.nodeName.toLowerCase() == 'img' && e.target.className.indexOf('center') > -1){
                // активация кнопки на тулбаре?
        }
    });
   /* Actions to do on button click */
   function my_action() {
        state = !state; /* Switching state */
        editor.fire('mybutton', {state: state});
        if (state){
           tinyMCE.activeEditor.dom.addClass(tinyMCE.activeEditor.selection.getNode(), 'center');
        }
        else {
            tinyMCE.activeEditor.dom.removeClass(tinyMCE.activeEditor.selection.getNode(), 'center');
        }
    }
    function toggleState_MyButton() {
        var self = this;
        editor.on('mybutton', function(e) {
            self.active(e.state);
        });
    }
    /* Adding the button & command */
    editor.addCommand('cmd_mybutton', my_action);
    editor.addButton('mybutton', {
        icon: "aligncenter",
        title: 'That Bubble Help text',
        cmd: 'cmd_mybutton',
        onPostRender: toggleState_MyButton
    });
});

/* Your file with the tinymce init section: */
tinymce.init({
    plugins: [
        "togglealign"
        ],
    toolbar: "mybutton"
});

Сама кнопка работает нормально, только не активируется, если навести курсор на элемент.

READ ALSO
Взаимодействие Lua и JAVA

Взаимодействие Lua и JAVA

Вопрос: как осуществить выполнения скрипта Lua в приложении java web?

342
Как сжать диаграмму d3.js при помощи Css

Как сжать диаграмму d3.js при помощи Css

При помощи D3js Рисую график

265
Проверять поля input на заполнение данных

Проверять поля input на заполнение данных

Делаю приложение маршрута на яндекс картах с API яндекса

263