TinyMCE4如何切换自创按钮
我已经用微小的方法addButton()创建了一个按钮 如何切换按钮的状态 在我的第一个简单例子中,我有一个全屏按钮 (与内置功能不同的功能) 想在获得全屏状态后隐藏它吗 并将其替换为“结束全屏”按钮 但我还没有找到正确的方式来显示或隐藏它们TinyMCE4如何切换自创按钮,tinymce,tinymce-4,Tinymce,Tinymce 4,我已经用微小的方法addButton()创建了一个按钮 如何切换按钮的状态 在我的第一个简单例子中,我有一个全屏按钮 (与内置功能不同的功能) 想在获得全屏状态后隐藏它吗 并将其替换为“结束全屏”按钮 但我还没有找到正确的方式来显示或隐藏它们 我知道按钮会得到一个ID,但我不知道是哪一个 如果添加带有以下内容的按钮: editor.addButton('customFullscreen', { tooltip: 'Fullscreen', shortcut: 'Ctrl+Alt+
我知道按钮会得到一个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});
}
您应该能够让它看起来像两个不同的按钮,并根据状态执行两个不同的操作,但它仍然只是一个按钮,可以更改操作和文本