알짜게시판

[그누보드] CKEditor 5 플러그인

그누보드용 CKEditor5 플러그인 입니다.

 

24.0.0 버전이며 온라인 빌더를 이용해서 생성한 파일을 포함합니다.
(https://ckeditor.com/ckeditor-5/online-builder)

 

입력폼은 기본 한 줄로 표시되며, 스타일을 이용해 기본 크기를 설정할 수 있습니다.
[code].ck.ck-editor__editable { min-height: 200px !important; }[/code]

 

유튜브 링크 포함시 mediaEmbed 값을 수정하여 크기 조절이 필요한데, CSS 를 통해 구현해 두었습니다.

[code]
#bo_v_con div { position: relative; margin-bottom: 1rem; }
#bo_v_con iframe { position: absolute; width: 100%; height: 100%; }
[/code]

아래 소스를 참고해서, providers 을 통해 원하는 스타일로 변경하여 사용하셔도 됩니다.
(https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-media-embed/src/mediaembedediting.js)

 

이미지 업로드는 jpg, png, webp, bmp 를 지원합니다.

 

테스트는 https://theme.kilho.net/free 에서 할 수 있습니다.

참고로, 해당 사이트의 테마는 Bootstrap 4.5.3, jQuery 3.5.1 를 사용중입니다.

    • 이미지 업로드 등 너무 잘동작합니다.
      다만 문의 드리고 싶은것이 있습니다.
      아쉽게도 유투브 등의 링크주소를 넣으면 자동변환되어 매우 편리한데 글수정을 하면 그부분이 사라져 버립니다.
      이부분 어떻게 하면 좋을까 싶네요.
    • 21-01-25
      • 확인 후 수정하였습니다.
        다시 다운로드 받아주세요.
      • 21-01-26
        • 감사합니다. 잘되네요! 너무 좋습니다!!
          저는 툴바를 커스텀해서 안쓰는 기능이긴한데 목차 기능도 안되더군요!
        • 21-01-26
          • 시간날때 온라인 빌더에서 무료로 제공되는 기능은 다 선택하고 생성해서 테스트 해보겠습니다. ^^
          • 21-01-27
            • 길호님! 에디터 잘 쓰고 있습니다. 혹시 이미지 캡션 기능을 사용하려면 어떻게 해야 하는지 알려 주실수 있나요??
              그리고 관리자 설정에서 내용관리등에서 실제 내용은 있지만 에디터상에서는 내용이 사라져보이는데 혹시 저만 그런걸까요? faq라던지 게시판 상단내용, 하단내용등 다 그런듯 합니다.
            • 21-02-19
    • 안녕하세요.
      감사하게도 설치 잘했습니다.
      css 설정의 경우 파일이 아니라 인라인으로 그냥 밀어넣어야 할까요?
    • 21-09-20
    • 다운받아서 설치 테스트 하고 있습니다.

      관리자모드에서 에디터를 사용할 경우

      head.sub.php 에서 상단
      <script>
      // 자바스크립트에서 사용하는 전역변수 선언
      var g5_is_member = "1";
      var g5_is_admin  = "super";
      var g5_is_mobile = "";
      var g5_bo_table  = "";
      var g5_sca      = "";
      var g5_editor    = "";
      var g5_cookie_domain = "";

      이 부분에서 g5_editor 부분이
      <?php echo ($config['cf_editor'] && $board['bo_use_dhtml_editor'])?$config['cf_editor']:''; ?>
      로 되어 있어서 bo_table와  값이 있어야 에디터값을 출력하는 구문이라
      에디터로 이미지를 드래그 하여 업로드 할경우

      /plugin/editor//upload.editor.php?bo_table= 와 같이 request 하는 에러가 발생됩니다.
      ( /plugin/eidtor/cheditor5/upload.eidtor.js 34 line 호출 )
      적절히 수정하여 쓰고 있습니다만,
      그누보드가 smarteidtor2를 기본적으로 사용하면서 이 부분이 적절지 못하게 코딩되어 있는 것 같습니다.
    • 21-12-28
    • editor.lib.php 15 line 이 잘못된듯 합니다.
      $content = get_text($content, 0); 로 바뀌어야 합니다.
    • 21-12-30
      • 늦게 확인을 하였습니다.
        빠른 시일내에 수정한 것을 다시 올리도록 하겠습니다.

        감사합니다 ^^
      • 22-08-11
    • ckbox는 어떻게 추가하나요??
      추가방법점 가르켜주세요.ㅠ ㅠ
    • 23-02-25
번호 제목 글쓴이 조회 날짜
222 [Linux] 데몬(systemd service) 작성 및 실행하기 8,280 03-14
221 [PHP] Porto 테마에서 포스팅만 Loading Overlay 12,046 03-08
220 [그누보드] 아이디 대신 이메일로 회원 가입하기 35,882 02-02
219 [시크릿DNS] Kaspersky 백신 사용시 DNS 암호화 관련 3 62,401 01-04
218 [칼무리] 영역화면 크기 오류인 경우 73,730 12-12
217 [MySQL] 업데이트 이후 에러 발생([ERROR] Incorrect definition of table … 75,211 12-08
216 구글 크롬 탭검색 비활성화 70,776 12-04
215 [MySQL] MySQL, MariaDB 업데이트 72,643 11-24
214 [아이폰] HTTPS 감청 우회하기 86,651 11-01
213 Windows에 Rust 설치하기 56,362 10-05
212 HTTPS/DNS 차단 쉽게 이해하기 61,352 08-16
211 ChangeDNS - DNS 서버를 손쉽게 변경합니다. 68,774 08-13
210 [ReactNative] android directory was detected in the project. 64,558 07-20
209 [리눅스] 메일(Mail) 삭제/초기화 57,234 07-18
208 [Delphi] 윈도우 알림센터에 메시지 출력하기 54,396 06-20
207 [그누보드] 사이드바 만들기 88,465 05-04
206 텔레그램 봇 (Telegram Bot) 만들기 37,124 05-03
205 [부트스트랩] nav 에서 하위 항목 활성화 시 부모 항목 활성화 34,244 04-30
204 [리눅스] PHP 버전 추가하기 33,872 04-29
203 [PHP] Curl 접속 속도가 늦은 경우 35,502 04-10
202 [윈도우] 파일 내용 검색 44,899 02-09
201 [MySQL] unblock with 'mysqladmin flush-hosts' 에러 52,839 01-01
200 [ReactNative] 캐시 초기화 하는 방법 55,153 12-27
199 killer 네트워크 이슈 팁 1 64,005 12-04
198 [윈도우] node.js 와 npm 업데이트(업그레이드) 56,613 12-01
197 [윈도우] 윈도우11 시작 메뉴 위치 변경(가운데, 왼쪽) 59,778 10-10
196 [Delphi] 중복 실행 방지 58,246 09-21
195 [리눅스] yum 에서 Thread died in Berkeley DB library 오류 57,949 09-18
194 [리눅스] VNSTAT 설치하기 55,364 09-17
193 [리눅스] 로그 삭제 및 비우기(?) 56,660 09-09
192 [Delphi] 파일 포맷 알아내기 50,701 09-08