[그누보드] CKEditor 5 플러그인
- 01-14
- 6,623 회
- 10 건
그누보드용 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
-
-
-
-
-
길호님! 에디터 잘 쓰고 있습니다. 혹시 이미지 캡션 기능을 사용하려면 어떻게 해야 하는지 알려 주실수 있나요??
그리고 관리자 설정에서 내용관리등에서 실제 내용은 있지만 에디터상에서는 내용이 사라져보이는데 혹시 저만 그런걸까요? faq라던지 게시판 상단내용, 하단내용등 다 그런듯 합니다.- 21-02-19
-
-
-
다운받아서 설치 테스트 하고 있습니다.
관리자모드에서 에디터를 사용할 경우
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
-
-
-
로그인 후 댓글내용을 입력해주세요