Я создал кнопку с крошечным методом addButton().
Как можно переключать состояние кнопки?
В моем первом простом случае у меня есть кнопка с полноэкранным режимом (функции, отличные от встроенной функции), и я хочу скрыть ее после получения полноэкранного состояния и заменить ее кнопкой «Завершить полноэкранный режим».
Но я не нашел правильного способа показать или скрыть их.
Я знаю, что кнопка получит идентификатор, но не знаю какой...
Если вы добавите кнопку с помощью:
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});
}
Вы должны иметь возможность сделать так, чтобы она выглядела как две разные кнопки и выполняла две разные функции в зависимости от состояния, но это все равно будет просто одна кнопка, которая меняет действие и текст.
