타운광장토픽게시판

CKEditor 4.6 "메이저 업데이트"입니다.

paul
조회 수 2019
크게 작게 댓글로 가기
크게 작게 위로 아래로 댓글로 가기

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

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

    컴포먼트가 안나와요 어떻케 해야하죠 ㅜㅜ
     

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

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

    Cap 2016-11-25 13-51-04-703.png

     

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

    갑자기 이게 안되어서 ..

     

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

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

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

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

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

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

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

  • ? profile
    축하드립니다. ^^ 네. 말씀하신 대로 이전에 한글 입력 오타가 있었다고 하는데 지금은 이미 수정된 것 같습니다. 감사합니다. ^^
  • ?
    디자인은 꽤 깔끔하네요. 솔직히 개인적으로 디자인이 좀 부담스러워서 CKEditor 쓰기가 좀 거북했는데, 디자인이 막 튀지 않아서 가져다 쓰기 좋아진 것 같아요.
  • ? profile
    네. 저도 이번에 바뀐 디자인이 깔끔해서 좋네요. ^^
  • profile
    좋은데 설정창이 모바일에서는 글적는칸을 가리는데 원할때뜨는방식으로는 어떻게 하죠?
  • profile profile

    흠... 원래 모바일에서는 툴바가 보이지 않는 것이 기본 설정인데,,, 만일 기본으로 모바일에서 툴바가 보이신다면 config.js 파일에 아래와 같은 내용이 있을 것입니다. 아래의 부분을 주석 처리 또는 지우시던가, 아니면 true 를 false 로 바꾸어 주세요. 참고로, 아래의 내용은 PC 버전과 모바일 버전, 모두에 동일 적용되는 것입니다.

     

    config.toolbarStartupExpanded = true;

     

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