Summernote

summernote는 가장 좋은 게 라이센스입니다. MIT라서 상업적으로도 이용, 수정, 배포 모두 가능합니다. 다만 해당 코드를 사용해서 일어나는 오류는 제작자가 책임 안 집니다. 알아서 하라는 것이지요.

우선 github로 가서 다운로드를 받으면 됩니다. github 사용법이 안 익숙하다면 summernote 공홈으로 가서 메인에 빨간색 원으로 된 걸 클릭하셔도 됩니다.

그것도 싫다면 cdn 서버에 있는 링크만 끌어오셔도 됩니다.

저는 테스트를 위해서 cdn을 이용하겠습니다.

참고로 부트스트랩을 사용하기 때문에 자신의 홈페이지에 있는 스타일과 충돌이 나게 되면 브트스트랩 제거 버전(summernote-lite 이걸로 시작)을 사용하시면 됩니다.

실제 적용 페이지를 보시면 됩니다.

잘 안 되면 소스 보기를 하셔서 가져다 쓰시면 됩니다.

기본적인 설정은 자바스크립트 안에 있는 것만 있어도 충분합니다.

참고로 에디터가 아래 이미지처럼 placeholder를 넣었는데 커서가 저렇게 밑으로 살짝 내려가 있을 수 있습니다.

에디터에서 코드 보기를 클릭해서 보면 <p><br></p> 이게 들어가 있어서 그렇습니다.

그래서 위 코드 중에 가장 밑에 콜백 부분을 추가한 것입니다.