Question

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

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

Answer 1

fullscreen plugin会在状态发生变化时触发事件：

  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上进行了测试

但我想知道访问inited TinyMce对象。如果对象可以访问，则更好的解决方案是将全屏模式作为事件捕获！

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

4 个答案: