[javascript] TinyMCE에서 텍스트 에디터에서 토글 버튼을 추가하는 방법은?

24 Nov 2023

javascript

tinymce.init() 함수를 사용하여 TinyMCE 텍스트 에디터를 초기화합니다.
```
tinymce.init({
  selector: 'textarea',
  // 기타 설정 옵션
});
```
토글 버튼을 추가할 위치의 textarea 요소를 선택합니다.
```
<textarea id="myTextarea"></textarea>
```

토글 버튼을 추가할 커스텀 플러그인을 생성합니다.

tinymce.PluginManager.add('toggleButton', function (editor) {
  editor.ui.registry.addButton('toggleButton', {
    text: "Toggle Button",
    onAction: function () {
      // 토글 버튼이 클릭되었을 때 수행할 작업을 여기에 작성합니다.
    }
  });
});

플러그인을 사용하도록 텍스트 에디터 설정을 업데이트합니다.

tinymce.init({
  selector: 'textarea',
  plugins: 'toggleButton',
  toolbar: 'toggleButton',
  // 기타 설정 옵션
});

이제 TinyMCE 텍스트 에디터에 토글 버튼이 추가되었습니다. 버튼을 클릭하면 onAction 핸들러 함수가 호출되어 원하는 작업을 수행할 수 있습니다.

더 자세한 내용은 TinyMCE 공식 문서를 참조하세요: