react, next js에서 ckEditor5 툴바 버튼 추가할때 설정할 게 있는걸까요??

Question

ckEditor5 사이트에서 커스텀 빌드해서 사용하려고 하는데요.플러그인이 어떤건 적용되고 어떤건 적용 안되는데 원인을 모르겠습니다.툴바에 추가하려는 플러그인을 선택하고 다운받은 뒤에 보니 아래와 같이 플러그인이 적용이 되는 것을 봤습니다.// ckeditor5/src/ckeditor.ts ... class Editor extends ClassicEditor { public static override builtinPlugins &#61; [ Autoformat, BlockQuote, Bold, Essentials, Heading, Image, ImageCaption, ImageStyle, ImageToolbar, ImageUpload, Indent, Italic, Link, List, MediaEmbed, &#x1f448; 문제의 플러그인 Paragraph, TextTransformation, Undo, ]; public static override defaultConfig: EditorConfig &#61; { toolbar: { items: [ 'heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', '|', 'outdent', 'indent', '|', 'imageUpload', 'blockQuote', 'mediaEmbed', &#x1f448; 문제의 툴 'undo', 'redo', ], }, language: 'ko', image: { toolbar: [ 'imageTextAlternative', 'toggleImageCaption', 'imageStyle:inline', 'imageStyle:block', 'imageStyle:side', ], }, }; }이 커스텀 에디터를 프로젝트에서 설치해서 사용하는데toolbar에 'bold', 'italic' 등의 툴은 제거하면 실제 텍스트에디터에서도 제거되는데'mediaEmbed'의 경우엔 추가해도 실제 텍스트에디터에 추가되지도 않습니다.이외에도 'highlight', 'imageStyle', 'indent' 등 여러개의 툴들이 추가해도 실제로 반영이 안되는데도대체 원인을 모르겠습니다... 제가 뭘 놓친것일까요?ㅜㅜ

ccat · Answer

잘안되시면 toast ui 추천드립니다.. 한글화도 잘되어있고 ckeditor보다 편한것 같더라고요

react, next js에서 ckEditor5 툴바 버튼 추가할때 설정할 게 있는걸까요??

1개의 답변

Q&A 목록