알짜게시판

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 를 사용중입니다.

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

제목 글쓴이 조회 날짜
워드프레스 캐시 환경에서 AJAX 댓글(코멘트) 분리로 서버 응답시간 속도 향상 19 2시간 전
리눅스 아파치 일반 계정 파일 접근 권한 설정과 mod-ruid2 적용 방법 140 26-04-26
델파이 Delphi IDE 메인 폼 안열림 dproj 설정으로 해결 115 26-04-26
개발팁 VSCode 한국어 설정법, Configure Display Language로 … 154 26-04-24
기타 RustDesk 자체 서버 구축으로 공용 서버 로그인 문제 해결 274 26-04-16
리눅스 Dante SOCKS5 프록시 서버 구축 및 설정 314 26-04-10
윈도우 윈도우 실행파일(exe) 서비스 등록 자동화 쉽게 하는 방법 - NSSM 430 26-04-05
기타 CLIProxyAPI Windows 설치 가이드 713 26-04-04
워드프레스 그누보드7 데이터를 WordPress WXR로 변환하기 432 26-04-01
기타 Ollama 설치 경로 C드라이브 고정 문제 해결 및 드라이브 변경 방법 425 26-03-31
개발팁 Apache Access Log 기반 도메인별 방문자 카운터 구현 347 26-03-31
윈도우 ZImage AI 이미지 생성 환경 구축 방법 517 26-03-26
윈도우 파일 복사 후 실행 배치파일 - 에러 감지 포함 542 26-03-10
개발팁 네이버 검색 Open API 849 26-02-10
개발팁 네이버 검색광고 키워드 도구 API 검색 1,032 26-02-10
개발팁 MariaDB column_stats 테이블 오류 해결 방법 1,030 25-12-06
개발팁 PHP-FPM 에러 로그 실시간 모니터링 927 25-12-03
윈도우 윈도우11 업데이트 후 네트워크 드라이브 접근 불가 문제 해결 방법 1,684 25-11-24
개발팁 다국어 번역 함수 구현 방법 3,347 25-11-08
워드프레스 "치명적인 오류가 발생했습니다" 디버깅 가이드 14,144 25-10-31
리눅스 Apache 웹 로그 분석하기 – awk와 GoAccess 활용 18,730 25-10-28
길호넷 칼무리 - 외부 명령으로 캡처 자동화하기 1 40,453 25-10-14
윈도우 윈도11 강제업데이트 피하고 윈도10 계속 쓰기 41,888 25-10-12
리눅스 PHP 파일 업로드 용량 늘리기 56,800 25-10-03
개발팁 애드센스 충돌 문제 해결하기 74,783 25-09-20
파이썬 Python Playwright로 Edge 브라우저 제어하기 76,862 25-09-12
델파이 TDirectory.Delete 대신 CMD 으로 폴더 삭제 75,166 25-09-10
윈도우 Chrome 및 Edge를 TLS 1.2 모드로 실행 74,575 25-08-30
개발팁 애드센스 자동 광고 사용 시 빈 화면이 출력된다면? 159,432 25-06-20
윈도우 브라우저 환경설정 추출 146,044 25-06-18
웹프로그래밍결혼의신의료건강사주클럽결혼준비