Spring boot kim's Shop/게시판

Springboot 게시판만들기!(1) 글쓰기 summernote 연동하기

디비드킴 2021. 9. 7. 13:36

이제 에디터를 연동할 건데
ckeditor5/summernote
둘 다 성공했지만
결국 summernote를 선택했다
이유는 ckeditor5 이미지 업로드 시 쿠키를 던져야 하는데
그걸 아직 하는 법을 모른다 그거만 알면 ckeditor5를 사용할 거 같다
summernote 부트스트랩/j쿼리가 있어야 사용이 가능하다

프런트 서버

html

testarea를 만들어준다
js

js

summernote연동
$('#summernote').summernote
인터넷에서 복붙 했다 많이 있다
이미지 업로드
function uploadSummernoteImageFile(file, editor)

결과

http://localhost:3030/writeArticlePage.html

부트스트랩이 붙으니까 급 글씨체가 이뻐졌다 ㅋㅋ

여담으로 ckeditor5를 쓰고 싶다면
헤더에 ckeditor5 cdn을 하고(공식 홈페이지에 있다)

이렇게 하면 사진까지 똑같이 업로드 가능하다
다만 토큰을 줘야 하는데
//withCredentials: true 적어도 쿠키가 오지 않는다
나중에 찾아보려고 한다

결제시스템에서 시간을 너무 써버렸다...