본문 바로가기
JLPT

ckeditor 툴바 설정

by 엘리후 2021. 7. 7.


툴바에 대해서 별다른 설정없이 시작하면 너무 많은 툴바가 나와서 어지럽다
사용하는 기능을 내마음대로 설정해보자


1. 툴바 설정방법
ckeditor폴더의 config.js를 수정하면 된다.


CKEDITOR.editorConfig = function( config ) {
아래 부분에 설정을 추가한다.


툴바의 경우 그룹으로 설정할수도 아이템으로 일일이 지정할수도 있다
어쨌거나 그룹이나 아이템 이름을 알아야 하는데 그 이름은 아래 페이지에서
알아볼수 있다 순서대로 따라가면 어떤것이 어떤 이름인지 알수 있다.


http://ckeditor.com/latest/samples/plugins/toolbar/toolbar.html




아래는 아이템으로 추가한 예이다


config.toolbar = [
['Font', 'FontSize'],
['BGColor', 'TextColor' ],
['Bold', 'Italic', 'Strike', 'Superscript', 'Subscript', 'Underline', 'RemoveFormat'],
['BidiLtr', 'BidiRtl'],
'/',
['Image', 'SpecialChar', 'Smiley'],
['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
['Blockquote', 'NumberedList', 'BulletedList'],
['Link', 'Unlink'],
['Source'],
['Undo', 'Redo']
];




결과물^^
[출처] ckEditor 툴바 설정하기|작성자 callsonda

댓글