CKEDITOR에서 ckfinder 사용하기

ckeditor : 4.10.0_full
ckfinder : 2.6.2.1

1. /ckfinder/bin/Release/ 폴더에 있는 CKFinder.dll 파일을 프로젝트의 Bin 폴더로 이동시킨다.

2. /ckfinder/ 폴더의 /_source/ 폴더와 /bin/ 폴더를 삭제한다.
      (삭제하지 않으면 /Bin/CKFinder.dll 파일과 충돌하는 문제가 생길수 있다)

3. 파일이 업로드될 폴더를 생성하고 IUSER_서버명 사용자에 쓰기권한을 부여한다.
      예를 들어 사이트 루트디렉토리 /data 폴더에 첨부파일등을 몰아서 사용중일 경우 아래 처럼 생성하면 된다.
      /wwwroot
         └ data
            └ ckfinder

4. /ckfinder/config.ascx 소스에서 오버라이드된 SetConfig() 메서드의 BaseUrl 변수의 값을 위에 생성한 폴더로 지정한다.
      예제는 /data/ckfinder/ 에 사용할것이므로 아래처럼 수정하였다.
      BaseUrl = "/data/ckfinder/";

5. /ckfinder/config.ascx 소스에서 CheckAuthentication() 메서드의 return 값을 true로 수정한다.


수정해야할 파일
\Scripts\ckfinder\config.ascx -- 업로드하는 파일이 저장될 경로 지정
\Scripts\ckeditor\config.js -- 에디터 기본 설정


참고
CKEDITOR.replace('editor1',
{
    language: 'en',
    uiColor: '#DEDBDB',
    //toolbar: 'Full',
    toolbar: [
        ['Undo', 'Redo'],
        ['Source'],//, 'Preview', 'Maximize',
        ['Templates', 'Image', 'Table', 'HorizontalRule', 'SpecialChar', 'PageBreak', 'Smiley'],//, 'CreateDiv', '-', 'About'
        ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Find', 'Replace'],
        '/',
        ['Font', 'FontSize'],
        ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
        ['Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript'],
        ['TextColor', 'BGColor', 'Link']
    ],
    enterMode: '2', //엔터키 태그 1:<p>, 2:<br>, 3:<div>
    shiftEnterMode: '1',
    customConfig: '/Scripts/ckeditor/config.js',
    //on: { instanceReady: function (ev) {}},
    filebrowserImageWindowWidth: '640',
    filebrowserImageWindowHeight: '480',
    //filebrowserBrowseUrl: '/Scripts/ckfinder/ckfinder.html',//'서버보기'를 사용하지 않을 경우 주석처리
    //filebrowserImageBrowseUrl: '/Scripts/ckfinder/ckfinder.html?type=Images',//'서버보기'를 사용하지 않을 경우 주석처리
    filebrowserUploadUrl: '/Scripts/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files',
    filebrowserImageUploadUrl: '/Scripts/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images'
});