알짜게시판

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

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

제목 글쓴이 조회 날짜
리눅스 아파치 일반 계정 파일 접근 권한 설정과 mod-ruid2 적용 방법 127 26-04-26
델파이 Delphi IDE 메인 폼 안열림 dproj 설정으로 해결 105 26-04-26
개발팁 VSCode 한국어 설정법, Configure Display Language로 UI 언… 142 26-04-24
기타 RustDesk 자체 서버 구축으로 공용 서버 로그인 문제 해결 263 26-04-16
리눅스 Dante SOCKS5 프록시 서버 구축 및 설정 305 26-04-10
윈도우 윈도우 실행파일(exe) 서비스 등록 자동화 쉽게 하는 방법 - NSSM 420 26-04-05
기타 CLIProxyAPI Windows 설치 가이드 700 26-04-04
워드프레스 그누보드7 데이터를 WordPress WXR로 변환하기 424 26-04-01
기타 Ollama 설치 경로 C드라이브 고정 문제 해결 및 드라이브 변경 방법 416 26-03-31
개발팁 Apache Access Log 기반 도메인별 방문자 카운터 구현 337 26-03-31
윈도우 ZImage AI 이미지 생성 환경 구축 방법 512 26-03-26
윈도우 파일 복사 후 실행 배치파일 - 에러 감지 포함 535 26-03-10
개발팁 네이버 검색 Open API 841 26-02-10
개발팁 네이버 검색광고 키워드 도구 API 검색 1,019 26-02-10
개발팁 MariaDB column_stats 테이블 오류 해결 방법 1,022 25-12-06
개발팁 PHP-FPM 에러 로그 실시간 모니터링 918 25-12-03
윈도우 윈도우11 업데이트 후 네트워크 드라이브 접근 불가 문제 해결 방법 1,672 25-11-24
개발팁 다국어 번역 함수 구현 방법 3,342 25-11-08
워드프레스 "치명적인 오류가 발생했습니다" 디버깅 가이드 14,138 25-10-31
리눅스 Apache 웹 로그 분석하기 – awk와 GoAccess 활용 18,723 25-10-28
길호넷 칼무리 - 외부 명령으로 캡처 자동화하기 1 40,447 25-10-14
윈도우 윈도11 강제업데이트 피하고 윈도10 계속 쓰기 41,882 25-10-12
리눅스 PHP 파일 업로드 용량 늘리기 56,793 25-10-03
개발팁 애드센스 충돌 문제 해결하기 74,777 25-09-20
파이썬 Python Playwright로 Edge 브라우저 제어하기 76,856 25-09-12
델파이 TDirectory.Delete 대신 CMD 으로 폴더 삭제 75,159 25-09-10
윈도우 Chrome 및 Edge를 TLS 1.2 모드로 실행 74,568 25-08-30
개발팁 애드센스 자동 광고 사용 시 빈 화면이 출력된다면? 159,424 25-06-20
윈도우 브라우저 환경설정 추출 146,039 25-06-18
워드프레스 xmlrpc.php 차단으로 보안 강화하기 137,147 25-06-05
델파이 폼이 모니터 한 가운데 있는 경우 자연스럽게 왼쪽으로 이동시키기 134,730 25-05-26
웹프로그래밍IT기술결혼의신클라우드AI보안IT