Question

我用Tiny Method addButton（）创建了一个Button。

如何切换按钮的状态？

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

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

我知道该按钮会获得一个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});
}

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

TinyMCE4如何切换自创按钮

1 个答案: