본문 바로가기

개발이야기

CKEditor 이미지 업로드 창 커스트 마이징

    CKEDITOR.on('dialogDefinition', function (ev) {

        var dialogName = ev.data.name;

        var dialog = ev.data.definition.dialog;

        var dialogDefinition = ev.data.definition;

 

        if (dialogName == 'image') {

            dialog.on('show', function (obj) {

                this.selectPage('Upload'); //업로드텝으로 바로 이동

            });

        }

    

        dialogDefinition.removeContents( 'advanced' ); // 자세히 탭 삭제 

        dialogDefinition.removeContents( 'Link' ); // 링크 탭 삭제 

        

       // ckeditor 설치 폴더에서 plugins/image/dialogs/image.js 이곳에서 해당 앨리먼트 확인

        var infoTab = dialogDefinition.getContents( 'info' );  //info탭을 제거하면 이미지 업로드가 안된다.

        infoTab.remove( 'txtHSpace');

        infoTab.remove( 'txtVSpace');

        infoTab.remove( 'txtBorder');

        //infoTab.remove( 'txtWidth');

        //infoTab.remove( 'txtHeight');

        infoTab.remove( 'ratioLock');

        infoTab.remove( 'cmbAlign');

    }); 

        

    CKEDITOR.replace('b_explan',{ filebrowserImageUploadUrl:uploadUrl });