3 votes

Vérifier si TinyMCE 4.x est en mode plein écran

Y a-t-il un moyen de vérifier si TinyMCE est en mode plein écran ?

J'aimerais pouvoir appuyer sur "Esc" pour quitter le mode plein écran, mais j'utilise également "Esc" pour annuler une modification. J'aimerais donc pouvoir vérifier d'abord si l'éditeur est en mode plein écran.

9voto

althaus Points 639

El plugin plein écran déclenche un événement, lorsque son état change :

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

De cette façon, vous pouvez suivre vous-même l'état de la situation.

4voto

yb007 Points 760

Lorsque TinyMCE est en mode plein écran, la classe "mce-fullscreen" est ajoutée à la balise body.

Il suffit donc de vérifier l'existence de la classe mce-fullscreen.

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

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

}

2voto

Werner Van Geit Points 76

Si vous avez accès à l'objet éditeur :

editor.plugins.fullscreen.isFullscreen();

1voto

MURATSPLAT Points 3750

Cette méthode est rapide et simple.

    var catchFulscreen = function() {

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

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

}

setInterval(catchFulscreen, 100);

Ce code a été testé sur TinyMce 4.1.x

Mais je voulais savoir comment accéder à un objet TinyMce initié. Si l'objet peut être accédé, une solution bien meilleure pour attraper le mode plein écran comme événement !

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X