[javascript] TinyMCE에서 텍스트 에디터에서 테이블 기능을 추가하는 방법은?

TinyMCE 에디터에 테이블 기능을 추가하기 위해서는 몇 가지 단계를 따라야 합니다.

  1. TinyMCE 라이브러리를 웹 페이지에 추가합니다.
    <script src="https://cdn.tiny.cloud/1/<YOUR_API_KEY>/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
    
  2. 텍스트 에디터를 웹 페이지에 추가하고 테이블 플러그인을 활성화합니다.
    tinymce.init({
      selector: '#myTextarea',
      plugins: 'table',
      toolbar: 'table',
      menubar: 'table'
    });
    

위의 코드에서 #myTextarea는 텍스트 에디터를 삽입할 HTML 엘리먼트의 선택자입니다.

이제 TinyMCE 텍스트 에디터를 열면 에디터 상단에 테이블 관련 툴바가 표시됩니다. 테이블을 삽입하거나 테이블의 행과 열을 추가/삭제하는 등의 작업을 할 수 있게 됩니다.

이 방법을 통해 TinyMCE 텍스트 에디터에 테이블 기능을 추가할 수 있습니다.

더 자세한 정보는 TinyMCE 공식 문서에서 확인할 수 있습니다.