[javascript] TinyMCE에서 텍스트 에디터에서 테이블 기능을 추가하는 방법은?
TinyMCE 에디터에 테이블 기능을 추가하기 위해서는 몇 가지 단계를 따라야 합니다.
- TinyMCE 라이브러리를 웹 페이지에 추가합니다.
<script src="https://cdn.tiny.cloud/1/<YOUR_API_KEY>/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
- 텍스트 에디터를 웹 페이지에 추가하고 테이블 플러그인을 활성화합니다.
tinymce.init({ selector: '#myTextarea', plugins: 'table', toolbar: 'table', menubar: 'table' });
위의 코드에서 #myTextarea
는 텍스트 에디터를 삽입할 HTML 엘리먼트의 선택자입니다.
이제 TinyMCE 텍스트 에디터를 열면 에디터 상단에 테이블 관련 툴바가 표시됩니다. 테이블을 삽입하거나 테이블의 행과 열을 추가/삭제하는 등의 작업을 할 수 있게 됩니다.
이 방법을 통해 TinyMCE 텍스트 에디터에 테이블 기능을 추가할 수 있습니다.
더 자세한 정보는 TinyMCE 공식 문서에서 확인할 수 있습니다.