알짜게시판

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

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

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

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

입력폼은 기본 한 줄로 표시되며, 스타일을 이용해 기본 크기를 설정할 수 있습니다.

.ck.ck-editor__editable { min-height: 200px !important; }

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

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

아래 소스를 참고해서, 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 를 사용중입니다.

로그인 후 댓글내용을 입력해주세요

제목 글쓴이 조회 날짜
[칼무리] 외부 명령으로 캡처 자동화하기 1 14,030 25-10-14
[윈도우] 윈도11 강제업데이트 피하고 윈도10 계속 쓰기 16,154 25-10-12
[리눅스] PHP 파일 업로드 용량 늘리기 31,555 25-10-03
[HTML] 애드센스 충돌 문제 해결하기 52,777 25-09-20
[파이썬] Python Playwright로 Edge 브라우저 제어하기 65,466 25-09-12
[델파이] TDirectory.Delete 대신 CMD 으로 폴더 삭제 67,388 25-09-10
[윈도우] Chrome 및 Edge를 TLS 1.2 모드로 실행 73,386 25-08-30
[HTML] 애드센스 자동 광고 사용 시 빈 화면이 출력된다면? 158,481 25-06-20
[윈도우] 브라우저 환경설정 추출 144,953 25-06-18
[워드프레스] xmlrpc.php 차단으로 보안 강화하기 136,303 25-06-05
[델파이] 폼이 모니터 한 가운데 있는 경우 자연스럽게 왼쪽으로 이동시키기 133,885 25-05-26
[윈도우] WSH script registration is not valid. 133,998 25-05-23
[워드프레스] 제목 블록 기본값을 H5로 변경하는 방법 115,443 25-05-22
[파이썬] 동영상 특정 영역 모자이크(흐리게) 하기 47,047 25-04-30
[리눅스] 구글 크롬 콘솔 'Attestation check for Topics on' 에러 원인 & 해결방… 60,155 25-04-11
[크롬] 개발자 도구(DevTools)에서 붙여넣기 안될때 72,419 25-03-10
[그누보드] SmartEditor2Skin.html 다운로드 되는 현상 110,378 25-01-08
[윈도우] 네트워크 탐지 114,718 24-12-31
[델파이] TrayIcon 이 흐릿하게 보이는 버그? 수정 128,341 24-12-12
[델파이] 실행 중인 프로세스가 활성 창인지 확인하는 함수 145,646 24-11-02
[델파이] 메세지 다이어그램(Message Dialog) 에 체크박스(CheckBox) 추가 132,561 24-10-30
[그누보드] 부트스트랩 테마 예제로 사용중인 main.php 116,145 24-10-21
[그누보드] 유튜브 스킨 75,487 24-10-14
[윈도우] TLS 연결 끊김 해결 방법 - Kyber 비활성화 266,988 24-10-12
[PHP] 검색 로봇 접속시 종료 56,650 24-10-07
[윈도우] WinDivert 사용중인 어플리케이션 검색 45,938 24-09-12
[워드프레스] 답글 남기기 메시지 변경 43,111 24-09-05
[리눅스] PHP-FPM 튜닝을 위한 메모리 계산 41,684 24-08-29
[윈도우] 아이폰 벨소리 쉽게 추가하기 94,552 24-06-14
[윈도우] C:\Windows\Installer 폴더 다른 드라이브로 옮기기 105,257 24-05-29
[윈도우] 작업 표시줄 (기타 시스템 트레이 아이콘) 제거 프로그램 189,111 24-05-18
방수의신사주클럽망치와삽결혼의정석바투어