질문/조언팁/리소스 공유

https://xetown.com/point_contents/675860

 

위 애드온을 사용하면

 

전통적(?)으로 문서를 길게 아래로 작성할수 밖에 없었던 방식에서

 

페이지를 나누어

 

가로 형태로 넘겨 볼수 있습니다. 심지어 모바일에서는 손가락으로 밀어서 다음 페이지로 보는 것도 가능 합니다.

 

여기에 약간의 조미료만 더 하면 더 재미있게 사용 가능 합니다.

 

우선 페이징 구분자를 일일이 입력하게 하는 건 아무래도 유저들에게 진입 장벽이 있고,

구분자를 외우지 않은 이상 사용하기가 힘듭니다.

 

해서 그냥 에디터 툴바에 버튼에 페이지 구분자를 삽입 해서 페이지 구분 하고 싶을때 마다

 

편하게 클릭으로 사용 토록 해주는 것이죠.

 

84c189208c32a1771ce683d0b326bca8.jpg

 

맨오른쪽 아이콘을 클릭하면 지정한 페이지 구분자가 입력됩니다.

 

프로알라 에디터 기준 아래를 아무곳에 입력해 사용 하면 됩니다.

 $.FroalaEditor.DefineIcon('insert', {NAME: 'columns'});
    $.FroalaEditor.RegisterCommand('insert', {
      title: '페이지 구분',
      focus: true,
      undo: true,
      refreshAfterCallback: true,
      callback: function () {
        this.html.insert('구분자');
      }
    });

 

ck에디터는 제가 사용하질 않아 이제 기억이 없네요. 다른 분들에게 패스~

 

주말에는 역시 산삼보다 좋은 @윤삼님 애드온

 

--

추가 에디터 자동 완성 모듈 사용 하시는 분들은

https://xetown.com/thirdparties/694847

 

이모티콘 호출 기능에서 이모티콘 입력 대신에 단축키를 지정해서 구분자가 입력 되도록 쓰면 됩니다

 

!,*,: 이 것이 [-] 이것 보다는 빠르고 편할테니까요.

 

 

글쓴이 skyo

?
XE타운 관리자 입니다.
관리자 아닌것 같지만 제이쿼리 엔지가 없는게 매력인 관리자 입니다.
  • profile
    CK에디터에서도 잘 사용되지 않는 플러그인이나 버튼 아이콘을 활용해서 html 코드로 삽입해주고, 애드온에서 해당 코드로 페이지 브레이커로 지정해볼 수도 있겠네요. 정말 좋은 팁인 것 같습니다!
  • profile ?
    예^^ 맞습니다. 한때는 ckeditor 플러그인도 해서 올렸는데 지금은 기억이 나질 않습니다. T.T
    https://xetown.com/index.php?mid=point_contents&category=17122&document_srl=763833