TinyMCE4如何切换自创按钮

TinyMCE4如何切换自创按钮,tinymce,tinymce-4,Tinymce,Tinymce 4,我已经用微小的方法addButton()创建了一个按钮 如何切换按钮的状态 在我的第一个简单例子中,我有一个全屏按钮 (与内置功能不同的功能) 想在获得全屏状态后隐藏它吗 并将其替换为“结束全屏”按钮 但我还没有找到正确的方式来显示或隐藏它们 我知道按钮会得到一个ID,但我不知道是哪一个 如果添加带有以下内容的按钮: editor.addButton('customFullscreen', { tooltip: 'Fullscreen', shortcut: 'Ctrl+Alt+

我已经用微小的方法addButton()创建了一个按钮

如何切换按钮的状态

在我的第一个简单例子中,我有一个全屏按钮 (与内置功能不同的功能) 想在获得全屏状态后隐藏它吗 并将其替换为“结束全屏”按钮

但我还没有找到正确的方式来显示或隐藏它们


我知道按钮会得到一个ID,但我不知道是哪一个

如果添加带有以下内容的按钮:

editor.addButton('customFullscreen', {
    tooltip: 'Fullscreen',
    shortcut: 'Ctrl+Alt+F',
    onClick: toggleCustomFullscreen,
    onPostRender: function() {
        var self = this;

        editor.on('CustomFullscreenStateChanged', function(e) {
            if (e.state) {
                self.name('Close fullscreen');
                //self.active(e.state);  // uncomment for "pressed" look
            } else {
                self.name('Fullscreen');
            }
        });
    }
});
并使用

var customFullscreenState = false;
function toggleFullscreen() {
    customFullscreenState = !customFullscreenState;

    if (customFullscreenState) {
        // do something, we are active
    } else {
        // do something else, we're unactive
    }

    editor.fire('CustomFullscreenStateChanged', {state: fullscreenState});
}
您应该能够让它看起来像两个不同的按钮,并根据状态执行两个不同的操作,但它仍然只是一个按钮,可以更改操作和文本