tinymce - TinyMCE4 如何切换自创按钮

Question

我用 Tiny Method addButton() 创建了一个按钮。

如何切换按钮的状态？

在我的第一个简单案例中，我有一个全屏按钮（与内置功能不同的功能），并希望在获得全屏状态后将其隐藏并用“结束全屏”按钮替换它。

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

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

Answer 1

如果您添加按钮：

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});
}

你应该能够让它看起来像两个不同的按钮，并根据状态做两件不同的事情，但它仍然只是一个改变动作和文本的按钮。