summernote ajax 이미지 업로드 구현

이번 프로젝트에서 위지위그(WYSIWYG: What You See Is What You Get, "보는 대로 얻는다)

에디터를 쓸일이 생겼다.

여러 툴들을 보다 예전에 한번 

사용한적이 있는 summernote를 사용하기로 하였다.(ANGULAR용 summernote 도 있다. 링크  )

한국분이 만들었다고 들어서 더 정감이 갔다.

summernote기능중에 이미지 업로드를 다시 정리해보았다.

$(document).ready(function() { $('.summernote').summernote({ lang:'ko-KR', height:300, width:800, onImageUpload: function(files, editor, welEditable) { sendFile(files[0], editor, welEditable); } }); }); function sendFile(file, editor, welEditable) { data = new FormData(); data.append("file", file); $.ajax({ data: data, type: "POST", url:"uploadImage", cache: false, contentType: false, processData: false, success: function(url) { editor.insertImage(welEditable, url); } }) }