XETOWN

분수 광장

특정한 주제 없이 자유로운 이야기를 나눌 수 있습니다.
조회 수 580 추천 수 6 댓글 38
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 댓글로 가기
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기

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

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

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

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

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

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

     

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

    갑자기 이게 안되어서 ..

     

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

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

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

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

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

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

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

  • profile
    Paul 2016.11.25 14:25:04
    축하드립니다. ^^ 네. 말씀하신 대로 이전에 한글 입력 오타가 있었다고 하는데 지금은 이미 수정된 것 같습니다. 감사합니다. ^^
  • ?
    SimpleCode 2016.11.25 22:15:03
    디자인은 꽤 깔끔하네요. 솔직히 개인적으로 디자인이 좀 부담스러워서 CKEditor 쓰기가 좀 거북했는데, 디자인이 막 튀지 않아서 가져다 쓰기 좋아진 것 같아요.
  • profile
    Paul 2016.11.26 00:03:35
    네. 저도 이번에 바뀐 디자인이 깔끔해서 좋네요. ^^
  • ?
    도현다크 2016.12.24 12:33:07
    ...! CKEditor 를 업데이트할 수 있었군요! 감사합니다... 디자인이 Bootstrap 3를 따라간거같아서 좋군요 ㅎ
    1
  • profile
    이준희 2017.03.01 03:06:21
    좋은데 설정창이 모바일에서는 글적는칸을 가리는데 원할때뜨는방식으로는 어떻게 하죠?
  • profile
    Paul 2017.03.02 09:21:10

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

     

    config.toolbarStartupExpanded = true;

     

  • ?
    도현다크 2017.03.02 23:33:20
    오 이제 발견해서 업데이트 했습니다! 감사합니당
    아이프레임...? 같은 이상한 기능들이 생기긴 했습니다만... ㅋㅋㅋㅋㅋ
  • profile
    Paul 2017.03.03 15:44:42
    성공적으로 업데이트 하신 것 축하드립니다! ^^
  • profile
    lis**** 2017.03.15 10:49:15
    감사합니다.

위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...