summernote editor 플러그인

Bootstrap 사용하실 때 활용할 수 있는 summernote 에디터 플러그인 입니다.


* 플러그인 사용

[관리자 모드 > 환경 설정 > 기본 환경 설정] 메뉴의 [홈페이지 기본환경 설정 > 에디터 선택] 에서 summernote 를 선택해주세요.

* 지원 기능

- summernote 기본 기능
- drag&drop 형태로 Image Upload 지원
- video 태그 입력 플러그인

* 이미 bootstrap css 를 사용하는 경우

editor.lib.php 에서 사용하지 않는 css 를 제거해주시면 됩니다.


질문이나 기능에 대한 문의는 https://github.com/easylogic/gnuboard5-summernote 여기에 이슈 달아주세요.
감사합니다.

----

추가사항 : autosave 적용하기

auto save 를 적용 하기 위해서는 하드 코딩이 필요합니다.

일단 /js/autosave.js 를 열어서 아래 2가지를 추가 해주세요.

function autosave () {
...
// summernote data 설정
} else if (g5_editor.indexOf("summernote") != -1 ) {
this.wr_content.value = $("#wr_content").code();
}
...
}

// autosave 내용 로드
$(document).on( "click", ".autosave_load", function(){
...
// summernote 내용 로드
} else if (g5_editor.indexOf("summernote") != -1 ) {
$("#wr_content").code(content);
}
...
}

---- 추가사항

gnuboard v5.1.2 부터는 autosave.js 를 편집할 필요 없이 자동으로 적용됩니다.