[javascript] TinyMCE에서 텍스트 에디터에서 키보드 단축키를 설정하는 방법은?
  1. 키보드 단축키 추가하기

TinyMCE에 새로운 키보드 단축키를 추가하려면 init 옵션의 setup 콜백 함수를 사용해야 합니다. 예를 들어, “Ctrl+S”를 눌러 저장하는 기능을 추가하려면 다음과 같이 코드를 작성할 수 있습니다.

tinymce.init({
  setup: function(editor) {
    editor.addShortcut('Ctrl+S', 'Save', function() {
      // 저장 로직 작성
    });
  }
});
  1. 기본 키보드 단축키 변경하기

TinyMCE에서 기본 키보드 단축키를 변경하려면 init 옵션에서 해당 단축키를 변경하면 됩니다. 예를 들어, 볼드 텍스트 스타일을 적용하는 키보드 단축키를 “Ctrl+B”에서 “Ctrl+Shift+B”로 변경하려면 다음과 같이 코드를 작성할 수 있습니다.

tinymce.init({
  setup: function(editor) {
    editor.shortcuts.remove('bold');
    editor.addShortcut('Ctrl+Shift+B', 'Bold', function() {
      // 볼드 텍스트 스타일 적용 로직 작성
    });
  }
});

위의 코드에서 shortcuts.remove 메서드를 사용하여 기존의 볼드 텍스트 단축키를 제거한 후, addShortcut 메서드를 사용하여 새로운 단축키를 추가합니다.

TinyMCE에서 키보드 단축키를 설정하는 방법에 대한 간단한 예시를 제공했습니다. 더 많은 정보와 다양한 옵션에 대해서는 TinyMCE의 공식 문서를 참조하는 것이 좋습니다.

Reference: TinyMCE 공식 문서