$ (this) .tinyMCE에 포커스가있을 때 .keyup()이 응답하지 않습니다.

Question

"keyup"이벤트가 발생할 때 함수를 실행하려고합니다. 이것은 정상적인 textarea 및 입력 필드에서 테스트 할 때 제대로 작동하지만 tinyMCE 편집기에서 동일한 코드를 사용하면 아무 일도 발생하지 않습니다. 나는 tinyMCE가 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> 

다른 상자에 반영.

도움을 주셔서 감사 드리며 미리 감사드립니다.

감사합니다, 톰

Answer 1

당신은 당신이 당신을 위해 아마 것입니다 도움이 더 많은 예제를 탐험 할 수있는 방법 TinyMCE를 편집기에 대한 설정 이벤트 핸들러와 here 예를 볼 수 있습니다. 필요한 것은 편집기의 onkeyup 이벤트에 직접 바인딩하는 것뿐입니다.

Answer 2

확인 Configuration/setup 부분은, 당신은 쉽게 ... 롤

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