아시는 분은 아시겠지만 얼마전에 CKEditor 4.6 이 출시되었는데 굉장히 많이 바뀐 "메이저 업데이트"였습니다. 기본 스킨이 "Moono" 에서 "Moono-Lisa" 로 바꼈을 뿐 아니라(디자인이 세련되게 바꼈습니다), Copy Formatting 이라는 새로운 기능도 추가 되었습니다. 이번 업데이트에 대한 자세한 설명은 아래의 링크를 이용해 주세요.


*업데이트 된 내용 보기: http://ckeditor.com/blog/CKEditor-4.6-released

*다운로드 받기(Full package 로 다운받으세요): http://ckeditor.com/download


[CKEditor 4.6 으로 업데이트 하기]

위의 링크에서 Full package 를 다운 받아서 압축을 푼 후에, FTP 로 xe/common/js/plugins/ckeditor/ckeditor 에 업로드 해줍니다(기존 폴더에 그대로 덮어씌워 주세요).

**주의: 1. 만일 config.js 파일을 편집해서 사용하시는 분들은 이 파일은 업로드하지(덮어씌우지) 말아야 합니다. 2. ckeditor/plugins/xe_component 폴더가 지워지면 안됩니다(업로드시에 기존 폴더에  그대로 덮어씌웠다면 이 폴더는 지워지지 않습니다).


[Moono-Lisa 스킨 적용 시키기]

1. xe/modules/editor/skins/ckeditor/skin.xml 파일을 열어 아래의 내용을 추가합니다.


<color name="moono-lisa">

            <title xml:lang="ko">Moono Lisa</title>

            <title xml:lang="en">Moono Lisa</title>

</color>


2. 이제 (a)관리자 화면에서 "에디터" 에서 스킨을 Moono Lisa 로 바꾸어 줍니다. 또한 (b)각각의 "게시판 설정"에서 "추가 설정"에서 위지윅 에디터 스킨을 Moono Lisa 로 바꿔줍니다.


**관리자 화면에서 캐시파일 재생성 해주시고, 사용하시는 브라우저의 캐시를 비워 주시고 접속하시기를 권장합니다.


현재 XE 1.8.27 에서 정상 작동합니다(라이믹스에서도 가능할 것 같습니다만). 혹시 문제가 있을 시에는 이전 버전으로 되돌리시면 됩니다.


TAG •
  • ? Lv7
    오오, 뭔가 엄청 깔끔한 스킨이네요, 스킨 모두 지우고 모노리사를 써야겠습니다. ㅎㅎ
  • ? Lv7
    네. 스킨이 모던한게 아주 깔끔해서 좋은 것 같습니다. ^^
  • 이상하네요 전 basic 타입만 되고 나머지 full이나 standard 모드는 동작이 안되네요.. 처음에 설치할때 basic로 설치를 해서 그런걸까요?
  • 브라우저의 캐시를 비우시고 다시 접속해 보세요. 혹시 config.js 나 xe/modules/editor 에서 CKEditor 관련 파일들 중에 뭔가 수정한것이 있나 생각해 보세요. 말씀하신 바로는 정확히 어떤 이유 때문이지 알 수가 없네요.
  • 아 브라우저의 캐시 문제가 맞네요 크롬으로만 확인해서 그랬나 봅니다. ^^
  • 잘된다니 다행입니다. ^^
  • 네 덕분에 깔끔하게 교체하였네요 ckeditor 사이트 보니 에디터를 사용자가 커스터마이징해서 사용할수 있군요.. 에디터명을 알수 있으면 빼고 추가해서 필요한것만 넣으면 정말 깔끔하고 좋을 것 같아요
  • 네. 맞습니다. CKEditor 가 기능면이나 커스터마이징 하기에 좋아서 XE 개발자분들이 CKEditor 를 XE 에 채택한 것으로 알고 있습니다.
  • 감사합니다.
    적용했습니다.
  • 감사합니다! ^^
  • Lv15
    좋은 정보 감사합니다~^^
    xe 업데이트 할때 지원해주겠죠?
    전 귀차니스트이니 그때까지 기다릴려구요~ㅎ
  • Lv15
    지금까지 XE 업데이트시마다 한번도 업데이트가 안된거보면,,, 글쎄요... ^^
  • Lv3
    기존에 없던 플러그인들이 많이 붙어서 업데이트는 보류..
    플러그인 폴더 삭제하고, config 에서도 삭제 했는데.. 왜 안사라질까요.. ㅎㅎ
  • Lv3
    이런 경우의 대부분이 "브라우저의 캐시를 지우지 않았기 때문"에 생기는 문제일 수 있습니다. 플러그인 폴더를 삭제 또는 추가했을 때, 브라우저의 캐시를 지우고 다시 접속하여야 합니다.

    그리고 덧붙여서, CKEditor에서 원하는 플러그인만 표시하는 것은 폴더를 삭제하기 보다는 xe/modules/editor/tpl/js/editor.app.js 와 editor.app.min.js 파일을 수정하므로 할 수 있습니다.
  • 이걸 적용했더니 원래 나오던 다양한 에디터 컴포먼트가 안 나타나네요 다시 돌아가야겠습니다 ㅜㅜ
  • 컴포먼트가 안나와요 어떻케 해야하죠 ㅜㅜ
     

  • 확인해 보니, 게시판 설정에서 추가 설정에서 위지윅 에디터에서 CKEditor 가 설정되지 않은 것으로 보여집니다.
  • CKEditor로 되어져 있어요
    xpresseditor 로 하면 정상적으로 컴포먼트가 로드가 되구요
    지금은 되돌려 놓았는데도 안되요 ㅜㅜ

    혹시 ck에디서 설정에서 컴포먼트를 로드하는 부분 수정해야할곳이 있나요
  • 엄... 사실 위의 업데이트는 컴포넌트가 안나오는 것과는 상관이 없거든요... 말씀하신 바로는 정확히 무슨 문제인지 모르겠네요. 혹시 위지윅 에디터 설정 부분을 화면 캡춰해서 보여주실 수 있나요?
  • Cap 2016-11-25 13-51-04-703.png

     

    개별 게시판 설정은 위와같이 되어 있습니다..

    갑자기 이게 안되어서 ..

     

    그럼 질문/답변 게시판에 문의를 ...

  • 설정은 제대로 되어 있네요. 그럼 관리자 화면에서 "에디터" 에도 Moono 로 스킨이 설정되었는지 확인해 보시고, xe/common/js/plugins/ckeditor/ckeditor/skins 폴더 안에 moono 라는 폴더와 그 안에 파일들이 다 있는지 확인해 보세요.
  • 예 . 감사합니다. 모두 정상적으로 되어 있어요
    공식 사이트에서 모두 새로 받아서 다시 업로드를 했는데도 안되요

    질문/답변게시판에 문의를 해봐야겠네요
    오늘 아침까지만 해도 컴포먼트가 출력이 되었는데 갑자기 이러네요
  • 죄송합니다. 왜 그런 일이 발생했는지 모르겠네요. ㅠ
  • 아닙니다. 감사합니다.
    질문/답변게시판에 글남겼습니다.
  • 해결했습니다.. 한가지 궁금한게 있는데요
    파일을 비교해보니
    xe에는 config.sample.js

    알려주신 파일은 config.js로 되어 있는데

    이렇케 된 원인이 이거인거 같아서요.. 역할을 혹시 아시나요
  • 네. config.sample.js 파일은 샘플이라는 이름에서도 알 수 있듯이 실제 적용 파일이 아니구요. 그 파일을 실제 적용(사용)하려면 config.js 로 이름을 바꾸어야 그 파일을 적용(사용)할 수 있습니다.
  • 예 . 저 같은 경우는 config.sample.js로 되어 있으니 컴포먼트가 정상적으로로드가 되더군요..

    xe의 ck에디터 폴더상에는 config.sample.js로 되어 있는걸 봐서는 이렇케 해도 무방할거 같아 이렇케 수정했습니다.
  • 아마도 config.js 내에 기록된 설정 중에서 잘못된 설정이 있거나 어떤 설정과 충돌이 있는 것 같네요. 차후를 위해서는 원인을 파악하시는게 좋지만, 암튼 config.sample.js 로 이름을 남겨 두시거나 이 파일을 삭제하셔도 무방합니다. 정상으로 돌아갔다니 다행입니다! ^^
  • ? Lv6

    적용했는데 잘되는것 같습니다.
    그리고 전에 업데이트 하면 오타도 없어진다고 한것 같은데 진짜 오타가 안나는것 같네요
    감사합니다.

  • ? Lv6
    축하드립니다. ^^ 네. 말씀하신 대로 이전에 한글 입력 오타가 있었다고 하는데 지금은 이미 수정된 것 같습니다. 감사합니다. ^^
  • ?
    디자인은 꽤 깔끔하네요. 솔직히 개인적으로 디자인이 좀 부담스러워서 CKEditor 쓰기가 좀 거북했는데, 디자인이 막 튀지 않아서 가져다 쓰기 좋아진 것 같아요.
  • ?
    네. 저도 이번에 바뀐 디자인이 깔끔해서 좋네요. ^^
  • 좋은데 설정창이 모바일에서는 글적는칸을 가리는데 원할때뜨는방식으로는 어떻게 하죠?
  • 흠... 원래 모바일에서는 툴바가 보이지 않는 것이 기본 설정인데,,, 만일 기본으로 모바일에서 툴바가 보이신다면 config.js 파일에 아래와 같은 내용이 있을 것입니다. 아래의 부분을 주석 처리 또는 지우시던가, 아니면 true 를 false 로 바꾸어 주세요. 참고로, 아래의 내용은 PC 버전과 모바일 버전, 모두에 동일 적용되는 것입니다.

     

    config.toolbarStartupExpanded = true;

     

  • Lv3
    오 이제 발견해서 업데이트 했습니다! 감사합니당
    아이프레임...? 같은 이상한 기능들이 생기긴 했습니다만... ㅋㅋㅋㅋㅋ
  • Lv3
    성공적으로 업데이트 하신 것 축하드립니다! ^^
  • Lv6
    감사합니다.