알짜게시판

[그누보드] 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 를 사용중입니다.

번호 제목 글쓴이 조회 날짜
198 [윈도우] node.js 와 npm 업데이트(업그레이드) 204 12-01
197 [윈도우] 윈도우11 시작 메뉴 위치 변경(가운데, 왼쪽) 8,098 10-10
196 [Delphi] 중복 실행 방지 10,311 09-21
195 [리눅스] yum 에서 Thread died in Berkeley DB library 오류 10,526 09-18
194 [리눅스] VNSTAT 설치하기 10,499 09-17
193 [리눅스] 로그 삭제 및 비우기(?) 11,540 09-09
192 [Delphi] 파일 포맷 알아내기 8,328 09-08
191 [FTP] 500 Illegal PORT command. 3,761 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
열람 [그누보드] CKEditor 5 플러그인 2,543 08-11
184 [리눅스] 윈도우 프로그램 실행 (centos7, wine 7.0) 1,359 08-09
183 [시크릿DNS] 프록시 혼합 사용 예제 1 18,504 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