본문 바로가기

서머노트사용법3

[JAVA, SPRING, SUMMERNOTE] 서머노트 사용법 ③ (다중 이미지 업로드) 서머노트 툴바설정 : tyrannocoding.tistory.com/14 [JAVA, SPRING, SUMMERNOTE] 서머노트 사용법 ② (Toolbar 수정) 서머노트 연동 : tyrannocoding.tistory.com/13 [JAVA, SPRING, SUMMERNOTE] 서머노트 사용법 ① 기존에 서머노트 외에 많이 쓰는 CKEditor 같은 경우는 file에 대해서는 부분 유료라는 단점으로 괜찮은 에디터.. tyrannocoding.tistory.com 서머노트 툴바 설정 이후 게시글입니다. 이미지업로드 툴바에 있는 이미지로 사진을 첨부할 수도 있지만 마우스를 이용한 드래그 앤 드롭으로 아래처럼 이미지를 첨부할 수 있습니다. 문제는 섬머노트는 로 이루어져 있어 서버로 데이터를 넘겨줄 때 파일.. 2020. 12. 3.
[JAVA, SPRING, SUMMERNOTE] 서머노트 사용법 ② (Toolbar 수정) 서머노트 연동 : tyrannocoding.tistory.com/13 [JAVA, SPRING, SUMMERNOTE] 서머노트 사용법 ① 기존에 서머노트 외에 많이 쓰는 CKEditor 같은 경우는 file에 대해서는 부분 유료라는 단점으로 괜찮은 에디터를 찾다가 효율적인 서머노트를 찾았습니다. 서머노트란? 서머노트란 오픈소스 ' tyrannocoding.tistory.com 서머노트 연동 이후 게시글 입니다. 서머노트 ToolBar 수정 서머노트 기본을 그대로 사용하기에는 네이버 블로그라던지 티스토리에 비해 많이 미흡한 측면이 있어 Toolbar옵션을 보통 추가해서 사용합니다. 모든 게시판 쓰기에 보편적으로 있는 글꼴, 글자크기설정, 굵기, 글자색, 표만들기, 첨부(이미지, 동영상, 링크), 코드보기 .. 2020. 12. 3.
[JAVA, SPRING, SUMMERNOTE] 서머노트 사용법 ① 기존에 서머노트 외에 많이 쓰는 CKEditor 같은 경우는 file에 대해서는 부분 유료라는 단점으로 괜찮은 에디터를 찾다가 효율적인 서머노트를 찾았습니다. 서머노트란? 서머노트란 오픈소스 '이지윅'에디터로 'WYSIWYG' 는 What You See Is What You Get 의 줄임말로서 '보는대로 얻는다'라는 의미입니다. 그 말은 즉슨 html처럼 따로 css문법을 적용해서 디자인 편집을 하는 것이 아닌 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식을 말합니다. 서머노트는 Super Simple WYSIWYG Editor using Bootstrap 이라는 설명처럼 간단한 설정만으로 사용할 수 있습니다. 뿐만아니라 bootstrap4에 기반을 둔 버전과 독립적으로.. 2020. 12. 3.

티스토리툴바