2013-06-04 4 views
1

Я создал кнопку с малым методом addButton().TinyMCE4 Как переключать самосозданные кнопки

Как можно переключить состояние кнопки?

В моем первом простом случае у меня есть кнопка с Fullscreen (с различной функциональностью, чем встроенная функция) и хочет, чтобы скрыть его после получения Полноэкранного государства и заменить его на «End Fullscreen» Button.

Но я не нашел правильный способ показать или скрыть их.

Я знаю, что кнопка будет получить идентификатор, но я не знаю, какой из них ...

ответ

0

Если добавить кнопку с:

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

Вы должны быть в состоянии заставить его выглядеть как WO-кнопка и делать две разные вещи в зависимости от состояния, но это будет только одна кнопка, которая изменяет действие и текст.

 Смежные вопросы

  • Нет связанных вопросов^_^