summernote

summernote

 서머노트란 오픈소스 '이지윅'에디터로 'WYSIWYG' 는 What You See Is What You Get 의 줄임말로서 '보는대로 얻는다'라는 의미입니다. 그 말은 즉슨 html처럼 따로 css문법을 적용해서 디자인 편집을 하는 것이 아닌 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식을 말합니다.

 

테스트

먼저 자신의 프로젝트에 적용하기전에 테스트를 하고 사용한다.

vs코드를 사용해서 테스트를 해본다

왼쪽빨간박스를 복사해서 vs코드에 붙여넣어준다.

테스트실행

 

높이지정

왼쪽의 빨간색박스부분만 vs코드에 붙여넣어준다.

CDN 복사

성공적으로 테스트가 끝났으니

CDN부분을 복사해서 header.jsp파일에 붙여넣어준다.

 

writeForm에 scripts를 작성해준다.

실행결과