[개발] 프로그램 지식

[ckeditor5] ckeditor 사용가능한 툴바 검색 방법

  • -
반응형

1. 코드 추가

  // CK5 에디터
   var ckEditor;
   ClassicEditor
      .create(document.querySelector('#contentsDs_temp'), {
         alignment: {
               options: [ 'left', 'right' ]
           },
         toolbar:{items:['bold','italic','underline','horizontalLine','bulletedList','numberedList'
                  ,'|','fontBackgroundColor','fontColor','fontSize','highlight'
                  //,'|','indent','outdent'
                  ,'|','link', 'imageUpload','blockQuote','insertTable', 'alignment'
                  ,'|','undo','redo','|']},
         language:'ko',
         image:{toolbar:['imageTextAlternative','imageStyle:full','imageStyle:side']},
         table:{contentToolbar:['tableColumn','tableRow','mergeTableCells','tableCellProperties','tableProperties']},
         extraPlugins:[customUploadAdapterPlugin]
      }).then(editor => {
         ckEditor = editor;
         console.log(editor.ui.componentFactory.names());
   });
[출처] [ckeditor5] ckeditor 사용가능한 툴바 검색 방법|작성자 개발자 카이트

>> console.log(editor.ui.componentFactory.names());

 

 

 

 

2. F12 개발자도구 > names > GeneratorReceiver > _components

 

 

반응형
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.