[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 텍스트 에디터에서 탭을 지원할 수 있습니다.

참고 문서: