가자공부하러!

CKEditor - 웹페이지 적용, 이미지 업로드 세팅 본문

공부/웹

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

- https://github.com/wuxinshui/spring-boot-samples/blob/master/spring-boot-sample-ckeditor/src/main/java/com/wxs/ckeditor/config/CKFinderServletConfig.java

  > 세팅

- CKFinder 활용


Comments