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

Question

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

我想按“Esc”退出全屏模式，但我也使用“Esc”取消编辑。因此，我想要一种方法来首先检查编辑器是否处于全屏模式。

Answer 1

当状态改变时，全屏插件会触发一个事件：

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

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

Answer 2

当 TinyMCE 处于全屏模式时，“mce-fullscreen”类被附加到正文标签。

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

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

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

}

Answer 3

如果您有权访问编辑器对象：

editor.plugins.fullscreen.isFullscreen();

Answer 4

这种方式既快速又简单。

    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 对象。如果可以访问对象，则将全屏模式捕获为事件的更好解决方案！