summernote editor 플러그인 정보
summernote editor 플러그인관련링크
http://sir.co.kr/g5_tip/3142
480회 연결
첨부파일
본문
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 를 편집할 필요 없이 자동으로 적용됩니다.
* 플러그인 사용
[관리자 모드 > 환경 설정 > 기본 환경 설정] 메뉴의 [홈페이지 기본환경 설정 > 에디터 선택] 에서 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 를 편집할 필요 없이 자동으로 적용됩니다.
추천
8
8
댓글 전체
좋은 정보 감사합니다.~
그누보드 5.1.2 버전 부터는 에디터에 autosave.editor.js 파일을 추가해서
autosave.js 파일 수정없이 임시저장 기능을 사용할 수 있도록 수정됐습니다.
5.1.2 버전의 smarteditor2 에디터를 참고하세요.
autosave.js 파일 수정없이 임시저장 기능을 사용할 수 있도록 수정됐습니다.
5.1.2 버전의 smarteditor2 에디터를 참고하세요.
감사합니다. 적용 해봐야겠네요. ^^
저는 어렵네요
다른 기능은 다 되는것 같은데 pc에서 이미지 업로드가 이루어지지 않고 있네요?
다른 기능은 다 되는것 같은데 pc에서 이미지 업로드가 이루어지지 않고 있네요?
선추천 후다운
Bootstrap에서 사용할수 있어서 좋은 돼요
Bootstrap에서 사용할수 있어서 좋은 돼요