공부/웹
CKEditor - 웹페이지 적용, 이미지 업로드 세팅
오피스엑소더스
2019. 10. 11. 09:16
1. 적용
1 2 3 4 5 6 7 8 9 10 11 12 13 | <script src="https://cdn.ckeditor.com/ckeditor5/12.4.0/classic/ckeditor.js"></script> <div class="editor_wrap"> <textarea name="content" id="review_editor"></textarea> </div> <!-- CKEditor --> <script type="text/javascript"> ClassicEditor .create( document.querySelector( '#review_editor' ) ) .catch( error => { console.error( error ); } ); </script> | cs |
적용끝
2. 이미지 업로드 세팅
> 참고 : Easy Image
- https://ckeditor.com/docs/ckeditor5/latest/features/image-upload/easy-image.html
> 세팅
- EasyImage 플러그인 include
- EasyImage는 유료이기 때문에 중단
> 참고 : CKFinder
- https://ckeditor.com/docs/ckeditor5/latest/features/image-upload/ckfinder.html
> 세팅
- CKFinder 활용