CK에디터를 어려워 하는 사용자들이 있다는 (질문글 https://xetown.com/questions/1651375) 말을 듣고 조금 더 생각을 해봤습니다. 진짜 어려운가? 웹 개발자가 아닌, 가끔 들르는 웹사이트 사용자 입장에서 보면... 네, 어려울 것 같습니다 ㅎㅎ. 매일 글을 편집하는 저도 몇년간 안쓴 버튼들이 꽤 되는군요.

 

제 기준으로 잘 안쓰는 것을 표시해보니까 이렇게 되네요. 다른 분들은 어떤 것 쓰나 모르겠네요?

 

ckeditor-default.png.jpg

 

이 버튼들이 필요한 사람들이 있을 것이니까(관리자, 편집자) 없앨수는 없고, "간단"(simple) 툴바를 사용하는 분들은  또 그걸 원할수도 있고, 중간쯤 적당~한 타협점 (편집도 무난하게 되면서, 간단해 보이는)이 있을것 같으니, 이렇게 해볼수도 있을것 같습니다.

 

ckeditor-simple.png.jpg

 

물론 이래도, 이미지 속성 툴이 낙후된 것은 어쩔 방법이 없군요 ㅠㅠ.  테이블도 그냥 넣으면 조잡하게 들어가서 html 코드를 만져줘야 하구요.

 열 1  열 2
   

 

열 1 열 2
   

 

아무튼 위처럼 테스트 해보시려면, /modules/editor/skins/ckeditor/editor.html의 187줄쯤을 아래와 같이 바꾸면 되고,  게시판/위지윅 에디터 / 도구상자 -> 간단 으로 바꾸고, 확장 컴포넌트 사용을 그룹에 따라 체크해주면 되구요 (체크 안하면 기존 툴박스, 체크하면 요기서 바뀐 툴박스로 됨).  S 이 버튼도 필요할까 모르겠네요.오히려, 문단 들여쓰기, 내쓰기는 잘 안쓰게되던데 말이죠...

 

// Define the simple toolbar.
<[email protected]($editor_toolbar === 'simple')-->
<[email protected]($enable_component)-->
settings.ckeconfig.toolbar = [
{ name: 'styles', items: [ 'Font', 'FontSize', '-', 'Bold', 'Italic', 'Underline', 'Superscript', 'TextColor', 'BGColor', 'RemoveFormat' ] },
{ name: 'paragraph', items: [ 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'Indent', 'Outdent', 'Blockquote', '-', 'NumberedList', 'BulletedList' ] },
{ name: 'clipboard', items: [ 'Cut', 'Copy', 'Paste' ] },
{ name: 'insert', items: [ 'Link', 'Image', 'Table', 'SpecialChar' ] },
{ name: 'tools', items: [ 'Source' ] }
];
<[email protected]>
settings.ckeconfig.toolbar = [
{ name: 'styles', items: [ 'Font', 'FontSize', '-', 'Bold', 'Italic', 'Underline', 'Superscript', 'TextColor', 'BGColor', 'RemoveFormat' ] },
{ name: 'paragraph', items: [ 'JustifyLeft', 'JustifyCenter', 'JustifyRight' ] },
{ name: 'clipboard', items: [ 'Cut', 'Copy', 'Paste' ] },
{ name: 'insert', items: [ 'Link', 'Image', 'Table' ] },
{ name: 'tools', items: [ 'Source' ] }
];
<[email protected]>
<[email protected]>

 

  • profile

    갠적으로 xe 1.7시절에 tinyMCE을 사용한다고해서 좋아했던기억이 있는데
    불발되서 슬펐던 기억이 있네요

    일반사용자 입장에서는 tiny가 쓰기에 좋지 않을까 생가되네요.

    (친숙한 워드프로세서 느낌이랄까...)

  • profile profile

    맞아요ㅋㅋ 심플하고 보기 좋고 편해서 저도 tinyMCE가 좋더라고요.

    TinyMCE.png

    이런 버전일때가 가장 좋았다능..

    이미지 버튼은 업로드로 바로 연결되몈 좋은뎅..

  • profile profile
    TinyMCE 사용자 많죠. Java framework을 쓰는 거라서 적용이 어떨지 모르겠네요.
  • profile

    화면 캡처 2022-02-08 125927.png

     

    저는 제가 엄선한 것들만 남기고 나머지는 없애서 사용하고 있습니다.

  • profile profile

    깔끔하네요~. 역시 필요한 버튼들이 사이트마다 다르네요.

  • profile profile
    네. 뭔가를 정성스럽게 꾸미면서 글을 작성하는 성격의 사이트들이 아니다보니 최소한의 글쓰기에 필요한 것들 외 거의 사용이 없는 것들은 제거했습니다.

    특이점 하나는 링크추가 버튼은 없는데 링크 제거 버튼은 유지했습니다.
    저희는 실제 이동하는 url과 표시되는 부분을 다르게 하여 원치 않는 방문까지 유도하는 것 조차도 허용하지 않고 있어 링크 버튼을 제거했습니다.

    더 풀어서 부연하면 사실 a tag 링크 자체가 글,댓글 입력시 제거가 되는데 에디터 버튼에서 헛수고를 하게 하는 링크 버튼을 보여주는 것 자체가 모순이라서요.

    물론 url을 적기만 하면 자동으로 링크를 걸어주기 때문에 url을 못 적는 사람음 없기에 이에 따른 불편은 없습니다. 다만 뭔가 다르게 하거나 강조하고 싶거나 등의 제약은 따르죠.

    살펴 보시면 아마 글쓰기에 필요한 최소한의 것들만 눈에 보이실 겁니다.
    플러그인 제거는 라이믹스 자체 기능을 사용하고 세부적인 버튼 제거는 config.js 에 등록해서 제거되는 방식입니다.
  • profile profile
    아~ 그렇게 쓸수 있겠네요. 링크툴이 필요 없거나, 악용하는 경우가 많아서 차라리 없는게 나을수도 있죠. 제가 링크툴이 필요한 이유는, 레퍼런스를 해줘야 하는 것들이 많고, 크리에이티브 커먼 사진 같은 경우에도, 원 저작자, 출처, 라이센스 원문링크를 걸어줘야 하다보니까 링크툴을 자주 쓰게 되더군요. 오히려 http 자동링크는 안쓰고 있죠.
  • profile

    ck에디터.jpg

     

    옛날에 CK에디터 최초로 생기기 전엔 FCK에디터였는데 

    제로보드 개조해 사용중인 제 사이트에 FCK에디터 잘 사용하고 있는데

    FCK에디터가 갑자기 CK에디터가 되는 바람에 그후 제 사이트 자유게시판에

    CK에디터 이렇게 적용시켜 아주 오랫동안 잘 사용하고 있네요. 

    CK에디터 색상은 자유게시판 배경색에 맞추고 

    유튜브도 동영상 주소만 적으면 본문안에 바로 나오게 만들었어요. 

  • profile profile

    하늘색 좋군요~. ck가 에전 네이버에디터(?)에 비하면 훨씬 좋죠.

  • profile profile

    모니터에 따라 색상이 조금 차이가 나나봐요.
    제 컴 모니터에선 하늘색이 아니라 연한 그레이 색상인데...
    네이버 에디터보다 CK에디터가 훨씬 좋아서
    전 그냥 계속 CK에디터만 쓰고 있어요.
    그래도 전 CK에디터보다 그 이전 에디터인 FCK에디터가
    소스 수정이 훨씬 편하고 너무 좋았다 싶어요.

  • profile profile

    모니터마다 달라서 저는 중요한 사진은 아이폰으로 확인하곤 합니다. 그나마 색감이 정확하죠. 그런데, 소용 없는 것이 개개인의 시각세포에 따라서도 달라서 ㅠㅠ... 예전에 유행했던 아래 사진에 대해, 74%는 흰색에 금장테, 26%는 파랑에 검정테라고 답했다죠. 저는 흰색에 금장으로 보이는데요 ㅎㅎ...

     

    dress.jpg