[그누보드] CKEditor 5 플러그인
- 08-11
- 106,307 회
- 0 건
그누보드용 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 를 사용중입니다.
- ckeditor5.zip (467.0K)