스프링 스마트에디트 적용
-
스프링 게시판 - ckeditor4 (ck에디터)연동 - 이미지업로드 (2)Spring 2023. 3. 25. 15:18
2023.03.18 - [Spring] - 스프링 게시판 - ckeditor4 (ck에디터)연동 - 기본적용 (1) 이번 포스트는 화면단 파일업로드 옵션 정의, 서버단 파일업로드 기능 구현을 하겠다. 저 이미지 모양을 클릭하면 이미지 업로드 기능을 사용 할 수 있다. 1. 화면단 스크립트 설정 CKEDITOR.replace( 'ckeditor', {//해당 이름으로 된 textarea에 에디터를 적용 width:'100%', height:'400px', filebrowserUploadUrl: "/bbs/ckeditor/ckEditorUpload", image_previewText: ' ' }); 옵션중 width, height는 이미지 업로드의 팝업창 크기 설정, filebrowserUploadUrl :..
-
스프링 게시판 - ckeditor4 (ck에디터)연동 - 기본적용 (1)Spring 2023. 3. 18. 17:12
※ 이 포스트는 스프링 Jsp 게시판의 CRUD가 완성되었다는 가정하에 CKEDITOR4 연동만 하겠다. ※ 4 버전을 택한이유는 가장 많이 사용하고 사용하기도 쉽기 때문에 이 버전을 적용한다. ※ 추후 ckeditor를 통해 사진파일 업로드 및 본문에 삽입, 사진파일 삭제를 구현할 예정이다. 1. ckeditor4 다운 https://ckeditor.com/ckeditor-4/download/ 스텐다드 버전을 다운로드한다. 2. 프로젝트에 적용하기 압출을 풀고 에디터 리소스를 /resource/ 하위에 넣는다. 스프링은 보통 css,이미지,기타 라이브러리는 resource/ 하위에 넣고 사용한다. 스프링에서 리소스 경로를 읽을 수 있게 아래와 같이 설정한다. servlet-context.xml 의 내용..