tinyMce의 keyPressEvent 발생

Question

무들의 (e- 러닝)에서 tinyMCE를 커스터마이징하고 있습니다. 텍스트 영역에 포커스를 설정하고 두 개의 달러 기호를 추가하는 툴바 버튼을 추가했습니다. 내가 필요한 것은 사용자가 그 사이에 타이핑을 시작할 수 있도록 해당 기호 사이에 커서를 놓는 것입니다. 아마도 가장 좋은 방법은 왼쪽 화살표를 programaticlly 누르는 것입니다. 그렇지 않습니까? 그러나 나는 그것을하는 방법을 이해할 수 없다. 코드는 다음과 같습니다.

tinyMCE.init({ 
mode : "textareas", 
theme : "advanced", 
theme_advanced_buttons1 : "mybutton,bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink", 
theme_advanced_buttons2 : "", 
theme_advanced_buttons3 : "", 
theme_advanced_toolbar_location : "top", 
theme_advanced_toolbar_align : "left", 
theme_advanced_statusbar_location : "bottom", 
plugins : 'inlinepopups', 
setup : function(ed) { 
    // Add a custom button 
    ed.addButton('mybutton', { 
     title : 'My button', 
     image : 'img/example.gif', 
     onclick : function() { 
      ed.focus(); 
      ed.selection.setContent('$$'); 
     } 
    }); 
} 

}); 감사합니다.

Answer 1

이 당신이 원하는 일을해야 같은 수 있습니다 :

ed.addButton('mybutton', { 
    title : 'My button', 
    image : 'img/example.gif', 
    onclick : function() { 
     ed.focus(); 
     ed.selection.setContent('$<span id="my_marker">\u200b</span>$'); 
     var $marker = $(ed.getBody()).find('#my_marker'); 
     ed.selection.select($marker.get(0)); 
     $marker.remove(); 
    } 
}); 

Answer 2

다음 스 니펫을 사용하여 키 누르기 이벤트를 시작할 수 있습니다.

var e = jQuery.Event('keypress'); 
e.keyCode = 37; //Left arrow keycode 
$(document).trigger(e); 

사용은

onclick : function() { 
    ed.focus(); 
    ed.selection.setContent('$$'); 
    var e = jQuery.Event('keypress'); 
    e.keyCode = 37; //Left arrow keycode 
    $(document).trigger(e); 
}