TinyMCE에 : 중첩 된 목록 탭 키를 누를 경우

Question

당신은 TinyMCE에에서 정렬되지 않은 목록을 작성하고 코드 생성 모습과 같이 탭 키를 치면 : 당신이에서 들여 쓰기 버튼을 클릭하면, 그러나

<ul> 
<li><span style="white-space: pre;"> </span>list item 1</li> 
</ul> 

을 Tab 키 대신 편집기 키를 누르면 다음 코드가 생성됩니다.

<ul> 
<li>list item 1 
<ul> 
<li>list item 1.1</li> 
</ul> 
</li> 
</ul> 

나는 탭 키를 누를 때 똑같은 일이 발생하기를 바랍니다. 공백 대신 중첩 된 목록을 원합니다. 이것을 달성 할 수있는 방법이 있습니까? 감사!

Answer 1

예, 있습니다. onKey (Down 또는 Pressed) 이벤트 중 하나에 대한 핸들러를 추가하기 만하면됩니다. 다음과 같이 보일 것입니다 :

ed.onKeyUp.add(function(ed, evt) { 

// keyCode == 9 means TAB 
if (evt.keyCode == 9 && !evt.ctrlKey && !evt.shiftKey && !evt.altKey) { 

    // this is how you get the actual node in your editor's iframe 
    actual_node_in_dom = ed.selection.getNode(); 

    // here you need some js-code to manipulate the dom according to your wishes 

}