[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 표 문서를 참조하시기 바랍니다.