[javascript] TinyMCE에서 텍스트 에디터에서 범위 선택 기능을 추가하는 방법은?

TinyMCE는 범위 선택 기능을 지원하며, 이를 사용하려면 TinyMCE API의 메서드를 사용해야 합니다. 아래는 텍스트 에디터에서 범위를 선택하는 예제 코드입니다.

// 텍스트 에디터를 초기화합니다.
tinymce.init({
  selector: 'textarea',
  plugins: 'selection', // 범위 선택 기능을 사용하기 위해 'selection' 플러그인을 추가합니다.
  toolbar: 'selectall', // 선택 영역 전체를 선택하는 버튼을 툴바에 추가합니다.
  setup: function (editor) {
    editor.ui.registry.addButton('selectall', { // selectall 버튼을 추가합니다.
      icon: 'selectall',
      tooltip: '전체 선택',
      onAction: function () {
        editor.selection.selectAll(); // 현재 텍스트 에디터의 모든 내용을 선택합니다.
      }
    });
  }
});

위의 코드에서 우리는 ‘selection’ 플러그인을 추가하여 TinyMCE에 범위 선택 기능을 사용할 수 있게 했습니다. ‘selectall’이라는 툴바 버튼을 추가하고, 해당 버튼을 클릭하면 현재 에디터의 모든 텍스트를 선택하는 editor.selection.selectAll(); 메서드를 호출합니다.

이렇게 하면 사용자가 텍스트 에디터에서 원하는 범위를 선택할 수 있게 됩니다. 자세한 내용은 TinyMCE 공식 문서를 참조하십시오.