Summernote

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

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

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

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

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

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

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

 

가장 중요한 거!

써머노트의 가장 큰 단점이 css 부분이 내 홈페이지와 너무 잘 부딪힌다는 것입니다.

혹시라도 자신의 홈페이지 이미 완성이 되어 있고 거기에서 에디터만 변경할 거면 써머노트의 가장 기본적인 코드만 가져다가 붙여 보세요. 저 같은 경우는 일반적인 홈페이지에 에디터를 가져다 붙였더니 css 관련된 부분에서만 문제가 몇 개가 나오네요.

특히나 reset 관련 css가 있다면 거기랑 충돌나는 게 많을 겁니다. 그래서 에디터 내에 있는 특정 아이콘이 작게 나온다거나 굵게, 밑줄, 기울어지게 했는데 이 스타일이 전혀 안 먹는 경우도 있습니다.