Bootstrap용 WYSIWYG 웹에디터 Summernote 사용시 서버로 로컬 이미지 업로드후 삽입하기 (2)

최근에 summernote0.7.1 버전으로 업그레이드되면서 summernote-rails 젬도 0.7.1.0 버전으로 업데이트되었다.

예전에 Bootstrap용 WYSIWYG 웹에디터 Summernote 사용시 서버로 로컬 이미지 업로드후 삽입하기 (1)라는 제목의 글을 블로그에 올린 바 있다.

summernote-rails 젬이 0.7.1.0으로 버전업되면서 기능추가 및 업데이트가 있어서 이 글에서는 이전 글에서 업데이트된 내용을 소개한다. 계속 “Bootstrap용 WYSIWYG 웹에디터 Summernote 사용시 서버로 로컬 이미지 업로드후 삽입하기 (2)” 읽기

Bootstrap용 WYSIWYG 웹에디터 Summernote 사용시 서버로 로컬 이미지 업로드후 삽입하기 (1)

Summernote 에디터에서 onImageLoad 콜백 제대로 사용하기

제목이 너무 길다. ㅎㅎㅎ

웹애플리케이션에서 사용자들이 글을 작성할 때 편리하게 사용할 수 있는 웹에디터를 제공하면 서비스의 질을 향상시킬 수 있다. 이 글은 루비온레일스 프렘임워크를 이용하여 웹애플리케이션을 개발할 때, 요즘 Bootstrap 분야에서 급부상하고 있는 WYSIWYG 웹에디터인 Summernote를 사용하는 방법과, 로컬이미지를 글 중에 삽입할 때, Summernote의 기본상태에서 이미지 파일을 Base64로 인코딩하여 DB에 저장하는 방식 외에, 별도로 이미지 파일을 서버로 업로드한 후 해당 링크를 에디터로 삽입하는 방식에 대해서 경험한 내용을 설명한다. 계속 “Bootstrap용 WYSIWYG 웹에디터 Summernote 사용시 서버로 로컬 이미지 업로드후 삽입하기 (1)” 읽기