XE에 있는 컴포넌트는 popup창을 하나 띄워서 코드를 입력하게 하죠. 그런데 그 코드창에서 textarea 특성상 탭을 누르면 다른탭으로 가집니다.
코드를 적는 textarea 에서 탭이 생각한대로 작동하지 않으면 불편하겠죠.
해결하는 방법은 다음과 같습니다.
XE 공홈에서 받으신 코드하이라이터의 에디터 컴포넌트 위치는 /modules/editor/components/code_highlighter/ 인데요.
/modules/editor/components/code_highlighter/tpl/popup.html 에 들어가셔서
25줄의 <textarea name="code" style="width:100%; height:150px;" placeholder="여기에 코드를 입력해주세요"></textarea>
를
<textarea onkeydown="if(event.keyCode===9){var v=this.value,s=this.selectionStart,e=this.selectionEnd;this.value=v.substring(0, s)+'\t'+v.substring(e);this.selectionStart=this.selectionEnd=s+1;return false;}" name="code" style="width:100%; height:150px;" placeholder="여기에 코드를 입력해주세요"></textarea>
으로 변경하시면 됩니다.
