[javascript] TinyMCE에서 텍스트 에디터에서 탭을 지원하는 방법은?
TinyMCE에서 탭을 지원하려면 TinyMCE의 keyboard_shortcuts
설정을 사용해야 합니다. 이 설정을 사용하면 키보드 단축키를 정의할 수 있으며, 여기에 탭을 처리하는 함수를 추가할 수 있습니다.
다음은 TinyMCE에서 탭을 지원하는 예제 코드입니다:
tinymce.init({
selector: '#myTextarea',
toolbar: 'undo redo',
keyboard_shortcuts: 'tab',
setup: function(editor) {
editor.addShortcut('tab', '', function() {
// 탭을 처리하는 코드 작성
editor.execCommand('mceInsertContent', false, '\t');
return false;
});
}
});
위의 코드에서 keyboard_shortcuts
설정은 ‘tab’ 키를 사용하여 탭을 처리하도록 설정한 것을 의미합니다. setup
함수에서 editor.addShortcut()
함수를 사용하여 ‘tab’ 키를 처리하는 함수를 추가했습니다. 이 함수에서는 mceInsertContent
명령을 사용하여 탭 문자를 에디터에 삽입합니다.
위의 예제 코드를 사용하여 TinyMCE 텍스트 에디터에서 탭을 지원할 수 있습니다.
참고 문서: