알짜게시판

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

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

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

hightlight 플러그인을 정상적으로 사용하기 위해서는 extend/ckeditor5.extend.php 파일을 설치하시면 됩니다.

입력폼은 기본 한 줄로 표시되며, 스타일을 이용해 기본 크기를 설정할 수 있습니다.
[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 5.2 를 사용중입니다.

번호 제목 글쓴이 조회 날짜
202 [윈도우] 파일 내용 검색 9,061 02-09
201 [MySQL] unblock with 'mysqladmin flush-hosts' 에러 17,237 01-01
200 [ReactNative] 캐시 초기화 하는 방법 18,379 12-27
199 killer 네트워크 이슈 팁 1 23,207 12-04
198 [윈도우] node.js 와 npm 업데이트(업그레이드) 23,542 12-01
197 [윈도우] 윈도우11 시작 메뉴 위치 변경(가운데, 왼쪽) 28,013 10-10
196 [Delphi] 중복 실행 방지 26,635 09-21
195 [리눅스] yum 에서 Thread died in Berkeley DB library 오류 26,148 09-18
194 [리눅스] VNSTAT 설치하기 24,002 09-17
193 [리눅스] 로그 삭제 및 비우기(?) 23,523 09-09
192 [Delphi] 파일 포맷 알아내기 19,359 09-08
191 [FTP] 500 Illegal PORT command. 14,869 09-03
190 [리눅스] .htaccess 를 이용해서 https 이동하기 13,628 08-31
189 [PHP] Imagek 를 이용한 썸네일 생성 13,978 08-26
188 [PHP] 파일 포맷 알아내기 13,785 08-23
187 [그누보드] 1364 : Field 'xxxxx' doesn't have a default value 13,517 08-20
186 [그누보드] 웹폰트 적용하기 13,468 08-13
열람 [그누보드] CKEditor 5 플러그인 13,874 08-11
184 [리눅스] 윈도우 프로그램 실행 (centos7, wine 7.0) 12,436 08-09
183 [시크릿DNS] 프록시 혼합 사용 예제 3 45,894 08-07
182 [윈도우] IPv6 켜기, 끄기 11,606 08-03
181 [그누보드] 회원 가입일 기준으로 이용기간 정하기 11,191 07-28
180 [그누보드] sql_fetch, sql_query 안쓰고 직접 mysql 사용하기 11,197 07-24
179 [리눅스] 웹서버 상태 확인 후 자동 재시작 쉘 스크립트 16,808 02-28
178 WinDivert 1753 에러 발생시 16,984 12-20
177 [PHP] PHP 수정시 적용이 안되는 경우 해결 (opcache 중지) 18,271 03-31
176 [맥OS] 마우스 휠 스크롤 방향 윈도우와 일치시키는 방법 17,644 02-28
175 [Ruby] 윈도우에서 pod install 실행시 UTF-8 오류 18,521 02-28
174 [Ruby] Could not open library 'libcurl' 17,331 02-28
173 WinDivert 서비스 종료 14,407 02-08
172 [Android] Error type 3: Activity class {com.?.MainActivity} … 12,091 02-02