이든의 생활코딩

2015/09/15 현재, Summernote 최신 버전으로 업데이트 하면서, 변경된 점을 기록합니다. 버전업이 되면서 실제로는 이미지를 insert 하기 더 쉬워 졌다고 볼 수 있습니다. Summernote 에디터를 초기화 한 후에 아래와 같이 코드를 작성하면, 에디터에 이미지가 쉽게 삽입이 됩니다.insertImage Function에 이미지 Url을 인자값으로 가집니다. $('#summernote').summernote("insertImage", image.url); summernote 옵션 설정에서 onImageUpload 에서 바로 ajax를 통해 file 을 업로드하고, 이미지 url을 리턴 받아서 $('#summernote').summernote("insertImage", image.url)..

2015/09/14 월요일..Summernote 가 버전업이 되면서, 아래와 같이 사용하는 방법의 변형이 필요하게 되었습니다.현재 저도 업데이트하면서 보고 있으니 잠시만 기다려 주세요. Super Simple WYSIWYG Editor on Bootstrap 예전에 TIP 게시판에 올렸던 Summernote 의 두번째 시간 입니다. 이 에디터를 가지고 개발을 진행하던 중에 에디터에서 이미지 처리하여 이슈가 있어서 해당 이슈의 해결 방법에 대해서 한번 정리를 해보려고 합니다. summernote 에디터는 다양한 기능이 있고, 제가 원했던 기능 중의 하나는 이미지가 바로 텍스트로 삽입 되는 점이 였습니다~!! 그런데 이게 고사양 이미지가 점점 많이 늘어나게 되면 굉장히 부담 스러워 지는 것 같더라고요. 그래..

Super Simple WYSIWYG Editor on Bootstrap - http://hackerwins.github.io/summernote/ 현재 MIT LICENSE 로 무료로 사용 가능한 WYSIWYG Editor 입니다. ㅎㅎ 제가 이 에디터를 사용하게 된 것은 부트스트랩으로 간단한 사이트를 만들며 공부하고 있는데요 에디터를 tinymce가 가볍고 해서 사용하고 있었는데...문제는! 이미지를 링크 밖에 지원하지 않는 다는 점... 그래서 무료로 지원하는 에디터 중에 찾다가 Summernote 를 찾았습니다. ^ㅡ^ 디자인은 이렇게 심플 하면서도 강력합니다. 간단하게 사용법을 살펴 볼까요~!! 먼저 위에 링크로 접속해서 파일을 다운로드 받습니다 ^^ summernote.js 와 summerno..