[javascript] TinyMCE에서 텍스트 에디터에서 표를 생성하는 방법은?

1. 표 플러그인 추가하기

먼저, TinyMCE에 표를 생성할 수 있도록 플러그인을 추가해야 합니다. 아래 코드를 사용하여 플러그인을 로드하세요.

<script src="https://cdn.tiny.cloud/1/{YOUR_API_KEY}/tinymce/5/tinymce.min.js"></script>
<script>
    tinymce.init({
        plugins: 'table',
        toolbar: 'table',
        // 기타 설정 옵션 추가
    });
</script>

위 코드에서 {YOUR_API_KEY} 부분은 TinyMCE API 키로 대체되어야 합니다. 키를 얻으려면 TinyMCE 개발자 포털에 가입해야 합니다.

2. 에디터에 표 삽입하기

이제 표를 생성하기 위해 TinyMCE 편집기에 작업한 영역을 추가해야 합니다. 예를 들어, <textarea> 요소를 통해 편집 영역을 만들 수 있습니다.

<textarea id="my-editor"></textarea>

3. 표 삽입 버튼 추가하기

마지막으로, 에디터 툴바에 표 삽입 버튼을 추가해야 합니다. 플러그인을 초기화할 때 toolbar 옵션에 'table'을 추가하여 표 삽입 버튼을 활성화할 수 있습니다.

tinymce.init({
    plugins: 'table',
    toolbar: 'table',
    // 기타 설정 옵션 추가
});

위 예제를 사용하여 TinyMCE에서 표를 생성하는 방법을 알려드렸습니다. 이제 편집기에서 표를 쉽게 만들고 편집할 수 있을 것입니다. 자세한 내용은 TinyMCE 표 문서를 참조하시기 바랍니다.