$ (this) .keyup() ne répond pas lorsqu'il est focalisé sur tinyMCE

Question

J'essaie de déclencher une fonction lorsque l'événement "keyup" se produit. Cela fonctionne très bien lorsque je le teste sur des champs de texte et de saisie normaux, cependant, lorsque j'utilise le même code sur l'éditeur tinyMCE, rien ne se passe. Je suppose que c'est parce que le tinyMCE fonctionne sur Java, et qu'il a déjà des écouteurs d'événements en place, mais mes connaissances en Java sont loin d'être très proches de ce problème!

Ceci est mon code qui fonctionne un toutes les entrées sur la page, en dehors de l'éditeur de tinyMCE:

<script type="text/javascript"> 
$(document).ready(function() { 

    $(this).keyup(function(){ 

     // get the contents of the editor... 
     var content = tinyMCE.get('demo_textarea'); 
     content = escape(content.getContent()); 
     content = content.replace("+", "%2B"); 
     content = content.replace("/", "%2F"); 

     // copy the contents of the editor into #box_2 
     $('#box_2').html(content); 

    }); 

} 
</script> 

Ce que je suis en train d'essayer d'obtenir quelque chose de similaire à l'éditeur de débordement de pile, où votre entrée est reflété dans une autre boîte.

Merci d'avoir lu et merci d'avance pour toute aide que je pourrais obtenir.

Cordialement, Tom

Answer 1

Vous pouvez voir un exemple here comment configurer gestionnaire d'événements pour l'éditeur tinyMCE, et vous pouvez explorer d'autres exemples qui sera probablement utile pour vous. Tout ce dont vous avez besoin est de lier directement l'événement onkeyup de l'éditeur.

Answer 2

Vérifiez la section Configuration/setup, vous pouvez facilement ajouter des événements à l'éditeur ...

tinyMCE.init({ 
    mode : ..., 
    ..., 
    setup : function (ed) { 
     ed.onKeyPress.add(
      function (ed, evt) { 
       alert("Editor-ID: "+ed.id+"\nEvent: "+evt); 
       //.... 
      } 
     ); 
    }, 
    ... 
});