Comment capturer l'événement onpaste du composant HTMLEditor ?

Le composant HTMLEditor est un éditeur qui permet de rajouter des balises HTML pour mettre en forme votre texte. Il a ses propres événements mais le onpaste n'en fait pas partie. L'auteur vous explique comment l'intercepter malgré tout.
Cet article est la traduction de How to capture the HTMLEditor's onpaste eventHow to capture the HTMLEditor's onpaste event publié sur ExtJS TutorialsExtJS Tutorials.

Article lu   fois.

Les deux auteur et traducteur

Site personnel

Traducteur :

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

I. Explications

La clef pour capturer l'événement onpaste du composant HTMLEditor est d'attendre que se lance son événement initialize et de lui ajouter le gestion du onpaste au niveau de son document.body :

 
Sélectionnez
{
  xtype: 'htmleditor',
  listeners:{
    initialize:function(component){
      component.iframeEl.dom.contentWindow.document.body.onpaste=function(e){
        console.log(arguments);
      }
    }
  }
}

II. Remerciements

Cet article a été publié avec l'aimable autorisation de Neil McGuigan. L'article original peut être lu sur le blog ExtJS TutorialsExtJS Tutorials : How to capture the HTMLEditor's onpaste eventHow to capture the HTMLEditor's onpaste event.
Je remercie également ClaudeLELOUP pour sa relecture attentive.

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

  

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2012 Neil McGuigan. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.