[블로그 만들기] 게시글 쓰기 - textarea API 적용하기

2021.07.22 - [Spring] - [블로그 만들기] 게시글 쓰기

게시글 쓰기 기능을 완성하고 나니 글쓰기 페이지가 조금 허전 한 것 같아 다른 블로그처럼 해주기 위해 API를 적용해봅니다.

summernote가 개인적으로 괜찮은 것 같아 검색해서 사이트에 들어가봅니다.

이런 형태로 보이도록 코드를 수정해봅니다.

상단의 Getting started에 들어가줍니다.

아래로 내리다보면 Simple example이 나오는데 코드를 복사해줍니다.

붙여넣기를 해주고 외부 라이브러리에서 기존의 header.jsp와 비교하여 겹치는 라이브러리는 지워줍니다.

header.jsp에 외부 라이브러리를 복사해서 넣어줍니다.

saveForm.jsp 파일에도 script 태그와 textarea에 아이디 값을 넣어주어 script 태그가 textarea를 잡을 수 있도록 해줍니다.

서버를 실행시켜서 다시 확인해보면

잘 적용된 것을 볼 수 있습니다. 그런데 높이가 너무 작은 것 같으므로 수정해줍니다.

다시 summernote 사이트의 Getting started 에 들어가줍니다.

아래로 내리다보면 For bootstrap4에 있는 코드 중 가장 아래 script 태그만 복사해줍니다.

saveForm.jsp 파일을 수정해줍니다. height 값은 넉넉히 500정도 주고, 기존의 script 태그안의 내용이 id 가 summernote 인 것에 대해서 summernote 함수를 적용한다는 것 밖에 들어있지 않았으므로 지워줍니다. 복사한 코드에 다 들어있는 내용입니다.

다시 저장하고 서버를 실행시켜 확인해보면

넉넉하게 잘 나오는 것을 볼 수 있습니다.