Есть ли способ проверить, находится ли TinyMCE в полноэкранном режиме?
Я хотел бы нажать «Esc», чтобы выйти из полноэкранного режима, но я также использую «Esc», чтобы отменить редактирование. Следовательно, я хотел бы сначала проверить, находится ли редактор в полноэкранном режиме.
Когда TinyMCE находится в полноэкранном режиме, к тегу body добавляется класс mce-fullscreen.
Так что все, что вам нужно сделать, это проверить наличие класса mce-fullscreen.
if $('.mce-fullscreen').length{
// Do something here,the editor is in fullscreen mode
}
полноэкранный плагин запускает событие, когда его состояние изменяется:
var tinyOptions = {
plugins: [ 'fullscreen' ],
setup: function(editor) {
editor.on('FullscreenStateChanged', function(e) {
console.log('FullscreenStateChanged event', e);
});
}
};
Таким образом, вы можете отслеживать состояние самостоятельно.
e.state будет true при входе в полноэкранный режим и false, если больше не в полноэкранном режиме. 10.06.2015 Если у вас есть доступ к объекту редактора:
editor.plugins.fullscreen.isFullscreen();
Этот способ быстрый и простой.
var catchFulscreen = function() {
if( $('.mce-fullscreen').length > 1){
console.log('Now the editor is on fullscreen mode');
}
}
setInterval(catchFulscreen, 100);
Этот код тестировался на TinyMce 4.1.x.
Но я хотел знать, как получить доступ к инициированному объекту TinyMce. Если к объекту можно получить доступ, гораздо лучшее решение для захвата полноэкранного режима как события!
