检查TinyMCE 4.x是否处于全屏模式

Question

有没有办法检查TinyMCE是否处于全屏模式？

我想按'Esc'退出全屏模式，但我也使用'Esc'取消编辑。因此，我想首先检查编辑器是否处于全屏模式。

Answer 1

当TinyMCE处于全屏模式时将“mce-fullscreen”类附加到body标签。

所以你所需要做的就是检查mce-fullscreen类的存在。

if $('.mce-fullscreen').length{ 

// Do something here,the editor is in fullscreen mode 

} 

Answer 2

如果你有机会到编辑器对象：

editor.plugins.fullscreen.isFullscreen();

Answer 3

这种方式是快速和简单。

var catchFulscreen = function() { 

    if($('.mce-fullscreen').length > 1){ 

     console.log('Now the editor is on fullscreen mode'); 
    } 

} 

setInterval(catchFulscreen, 100); 

此代码对TinyMCE的4.1.x的

进行了测试，但我想知道访问inited TinyMCE的对象。如果该对象可以访问，那么捕捉全屏模式作为事件更好的解决方案！

Answer 4

的fullscreen plugin火灾的事件，其状态改变时：

var tinyOptions = { 
     plugins: [ 'fullscreen' ], 
     setup: function(editor) { 
      editor.on('FullscreenStateChanged', function(e) { 
       console.log('FullscreenStateChanged event', e); 
      }); 
     } 
    }; 

这样你就可以自己跟踪的状态。