2009-06-21 29 views
1

"keyup"イベントが発生したときに関数を起動しようとしています。通常のtextareaと入力フィールドでテストしてもうまく動作しますが、tinyMCEエディタで同じコードを使用しても何も起こりません。私はそれがtinyMCEがJava上で実行されているためと思われ、イベントリスナーが既に存在していますが、私のJavaの知識はこの問題に対処するために奇妙なことに近い場所です。

この

は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> 

別のボックスに反映されます。

お読みいただきありがとうございました。お手数をおかけしていただきありがとうございます。

よろしく、 トム

答えて

1

は、あなたがあなたのためにおそらく意志便利より多くの例を探索することができますどのようにTinyMCEのエディタのセットアップイベントハンドラへとhere例を見ることができます。必要なのはエディタのonkeyupイベントに直接バインドするだけです。

+0

Configuration/setupセクションを確認し、あなたが簡単にエディタにイベントを追加することができます。私はちょうど私が答えを確認したときにそのページを読み終えた。アドバイスをいただき、ありがとうございました。それは非常に便利なページです。 – Tisch

+1

リンクが壊れています。更新されたURLを提供できますか? – kafuchau

+0

など。 init()中にイベントハンドラを追加することについて:http://tinymce.moxiecode.com/wiki.php/API3:event.tinymce.Editor.onKeyUp – kafuchau

4

...笑

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

あなたの答えは親切です。 – Tisch

+0

大歓迎です! – CMS

関連する問題