알짜게시판

[그누보드] 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
번호 제목 글쓴이 조회 날짜
198 [윈도우] node.js 와 npm 업데이트(업그레이드) 205 12-01
197 [윈도우] 윈도우11 시작 메뉴 위치 변경(가운데, 왼쪽) 8,099 10-10
196 [Delphi] 중복 실행 방지 10,312 09-21
195 [리눅스] yum 에서 Thread died in Berkeley DB library 오류 10,527 09-18
194 [리눅스] VNSTAT 설치하기 10,500 09-17
193 [리눅스] 로그 삭제 및 비우기(?) 11,540 09-09
192 [Delphi] 파일 포맷 알아내기 8,328 09-08
191 [FTP] 500 Illegal PORT command. 3,762 09-03
190 [리눅스] .htaccess 를 이용해서 https 이동하기 2,663 08-31
189 [PHP] Imagek 를 이용한 썸네일 생성 3,006 08-26
188 [PHP] 파일 포맷 알아내기 2,803 08-23
187 [그누보드] 1364 : Field 'xxxxx' doesn't have a default value 2,508 08-20
186 [그누보드] 웹폰트 적용하기 2,330 08-13
185 [그누보드] CKEditor 5 플러그인 2,543 08-11
184 [리눅스] 윈도우 프로그램 실행 (centos7, wine 7.0) 1,359 08-09
183 [시크릿DNS] 프록시 혼합 사용 예제 1 18,505 08-07
182 [윈도우] IPv6 켜기, 끄기 612 08-03
181 [그누보드] 회원 가입일 기준으로 이용기간 정하기 244 07-28
180 [그누보드] sql_fetch, sql_query 안쓰고 직접 mysql 사용하기 270 07-24
179 [리눅스] 웹서버 상태 확인 후 자동 재시작 쉘 스크립트 5,736 02-28
178 WinDivert 1753 에러 발생시 6,018 12-20
177 [PHP] PHP 수정시 적용이 안되는 경우 해결 (opcache 중지) 7,268 03-31
176 [맥OS] 마우스 휠 스크롤 방향 윈도우와 일치시키는 방법 6,761 02-28
175 [Ruby] 윈도우에서 pod install 실행시 UTF-8 오류 7,372 02-28
174 [Ruby] Could not open library 'libcurl' 6,392 02-28
173 WinDivert 서비스 종료 3,270 02-08
172 [Android] Error type 3: Activity class {com.?.MainActivity} … 1,223 02-02
171 [윈도우] 윈도우 서버 2016 IIS 중지 1,330 01-29
170 [그누보드] 새 글 정리하기 1,170 01-28
169 WinDivert 오류코드 1,825 01-24
168 [PHP] Curl 을 이용하여 파일 다운로드 2,374 01-19