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

這樣你就可以自己跟蹤的狀態。