알짜게시판

[그누보드] 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 32,429 25-10-14
[윈도우] Chrome 및 Edge를 TLS 1.2 모드로 실행 73,457 25-08-30
[윈도우] 브라우저 환경설정 추출 145,007 25-06-18
[윈도우] 네트워크 탐지 114,780 24-12-31
[델파이] TrayIcon 이 흐릿하게 보이는 버그? 수정 128,380 24-12-12
[델파이] 실행 중인 프로세스가 활성 창인지 확인하는 함수 145,684 24-11-02
[델파이] 메세지 다이어그램(Message Dialog) 에 체크박스(CheckBox) 추가 132,599 24-10-30
[그누보드] 부트스트랩 테마 예제로 사용중인 main.php 116,188 24-10-21
[그누보드] 유튜브 스킨 75,542 24-10-14
[윈도우] TLS 연결 끊김 해결 방법 - Kyber 비활성화 277,389 24-10-12
[윈도우] WinDivert 사용중인 어플리케이션 검색 46,001 24-09-12
[워드프레스] 답글 남기기 메시지 변경 43,154 24-09-05
[윈도우] 작업 표시줄 (기타 시스템 트레이 아이콘) 제거 프로그램 191,186 24-05-18
[워드프레스] cdn.jsdelivr.net 에서 ssl 인증서 오류 문제 102,584 24-05-02
[그누보드] cdn.jsdelivr.net 에서 ssl 인증서 오류 문제 98,121 24-05-02
[PHP] Porto 테마에서 포스팅만 Loading Overlay 58,475 24-03-08
[그누보드] 아이디 대신 이메일로 회원 가입하기 90,199 24-02-02
[시크릿DNS] Kaspersky 백신 사용시 DNS 암호화 관련 3 99,559 24-01-04
[칼무리] 영역화면 크기 오류인 경우 122,401 23-12-12
HTTPS/DNS 차단 쉽게 이해하기 85,085 23-08-16
ChangeDNS - DNS 서버를 손쉽게 변경합니다. 88,042 23-08-13
[그누보드] 사이드바 만들기 106,350 23-05-04
[델파이] 파일 포맷 알아내기 51,681 22-09-08
[PHP] 파일 포맷 알아내기 45,827 22-08-23
[그누보드] 웹폰트 적용하기 46,738 22-08-13
[그누보드] CKEditor 5 플러그인 108,603 22-08-11
[시크릿DNS] 프록시 혼합 사용 예제 2 597,729 22-08-07
[리눅스] 웹서버 상태 확인 후 자동 재시작 쉘 스크립트 41,448 22-02-28
WinDivert 1753 에러 발생시 41,288 21-12-20
WinDivert 서비스 종료 50,287 21-02-08
[윈도우] 윈도우 서버 2016 IIS 중지 9,260 21-01-29
목록
지원톡톡청년돈길건강정보자기계발웹프로그래밍