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」クラスが body タグに追加されます。

したがって、mce-fullscreen クラスの存在を確認するだけです。

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

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

}