Spring Framework2 [CKEditor] 스프링 프로젝트에 CKEditor5 설치하기 우선 이전에 온라인 빌더를 활용해 다운받은 CKEditor5 라이브러리를 프로젝트에 옮겨야 한다. 나는 root 아래 /assets/admin/libs/ 에 모든 자바스크립트 라이브러리를 모아뒀기때문에, CKEditor5도 동일한 위치에 넣었다. 에디터를 적용할 jsp에 사용할 스타일시트와 자바스크립트를 삽입한다. 에디터가 들어갈 영역을 만든다. 이전에 index.html에서 에디터를 활성화하는 스크립트를 옮긴다. ClassicEditor .create( document.querySelector( '#editor' ), { toolbar: { items: [ 'heading', '|', 'fontFamily', 'fontSize', 'fontColor', 'bold', 'underline', 'itali.. 2020. 10. 15. [CKEditor] 온라인 빌더를 활용한 CKEditor5 라이브러리 설정 예전에 네이버 스마트 에디터 2.0을 활용해 만든 사이트가 있었다. 그런데 업무상 한글파일을 복사해서 붙여넣는 필요가 있는데, 안된단다.. 그래서 새로운 에디터를 찾다보니 CKEditor5를 알게됐다. 일단 테스트로 한번 만들어보고, 스프링 프로젝트에 적용하는 것 까지 해볼 예정이다. 자. 일단 요구사항은 아래와 같다. 1. 한글파일을 붙여넣었을때 무리 없이 동작해야 함. 2. 이미지 업로드가 가능해야함. 3. 유튜브, 페이스북 등 동영상을 재생할수 있어야함. 자, 해보자. 공식사이트 Quick start 코드를 그대로~ 붙여넣으면 끝난다. 나는 index.html로 만들었다. Classic editor This is some sample content. 이 파일을 실행하면, 아래와 같은 화면이 딴 나타.. 2020. 10. 15. 이전 1 다음
