위지윅(WYSISYG) 적용하기 - CK Edit

CK Editor 사용해서 글과 이미지를 적용해 볼 생각이다.

 

 

1. CK Editor CDN을 이용하는 방법

2. CK Editor JS 파일 다운을 받는 방법

 

이중에서 CDN을 사용하는 법을 했으나 java로 값을 던져주는 방법에서 헤메다가

그냥 가이드 사이트에서는 js을 다운 받아서 url로 매핑해주는게 있어서 그냥 따라하려고 한다..

아숩아숩.. 다음번에는 CDN으로 데이터 넘기는거 해봐야지.. 우선은 진도를 나가고 싶음.

 

 

1. CK Editor CDN을 이용하는 방법

 

register.jsp 에는 

<script src="//cdn.ckeditor.com/4.16.2/standard/ckeditor.js"></script>

 

<h3>Classic editor</h3>
<div id="classic">
<p>This is some sample content.</p>
</div>

<script>
ClassicEditor.create( document.querySelector( '#classic' )).catch( error => { console.error(error); } );
</script>

이렇게 해주면 된다. 그러면 화면에 뜬다.. 하지만 파일을 저장 버튼 누르면 값이 전달이 안된다 ㅋㅋ

지금 보니 p태그에 값을 대체하는 거라면.. textArea에 값을 변경해주는건가? 그러면 그 값을 자바로 전달하면?!!

 

 

2. CK Editor JS 파일 다운을 받는 방법

압축풀고 sts에 적용한다.

https://kuzuro.blogspot.com/2018/10/13.html

 

 

 

 

 

PrintWriter 글씨가 틀려서 import가 안됐었음 ㅋㅋㅋ

참조 문서 적용은 https://moon1226.tistory.com/13 이 사이트에서 알려주는 것처럼 src.zip파일을 참조하면 된다.

이렇게 하면 잘 보여진다.