gnuboard 에서 summernote 에디터 사용하기
그누보드5 를 위한 Summernote 에디터 플러그인
bootstrap 을 사용하는 위지윅 에디터를 gnuboard 플러그인 형태로 구성하였습니다.
* 플러그인 설치
다운로드 : https://github.com/easylogic/gnuboard5-summernote/archive/master.zip
git clone : https://github.com/easylogic/gnuboard5-summernote.git
두가지 형태로 소스를 받은 후에
gnuboard 의 plugin/editor/ 디렉토리에 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);
}
...
}
bootstrap 을 사용하는 위지윅 에디터를 gnuboard 플러그인 형태로 구성하였습니다.
* 플러그인 설치
다운로드 : https://github.com/easylogic/gnuboard5-summernote/archive/master.zip
git clone : https://github.com/easylogic/gnuboard5-summernote.git
두가지 형태로 소스를 받은 후에
gnuboard 의 plugin/editor/ 디렉토리에 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);
}
...
}
댓글 26개
10년 전
video 삽입 기능이 편리하네요!
그누스트랩에는 무난히 쓸 수 있을까요?
그누보드 원본에 적용했더니... 'bootstrap.min.css' 영향을 많이 받아... 틀어지는 부분들이 있네요.
그누스트랩에는 무난히 쓸 수 있을까요?
그누보드 원본에 적용했더니... 'bootstrap.min.css' 영향을 많이 받아... 틀어지는 부분들이 있네요.
10년 전
감사합니다
써보겠습니다
써보겠습니다
10년 전
@fm25 현재 summernote 가 bootstrap 기반이라 bootstrap 안에서 동작이 됩니다. 스크립트도 모두 bootstrap 을 쓰고 있어서 현재는 뺄 수가 없구여 multi ui 를 지원하는 방식을 현재 연구중인 것으로 알고 있습니다. 그렇게 되면 bootstrap 상관 없이 쓸 수 있을 것 같아요.
10년 전
[http://sir.co.kr/data/editor/1509/d8e866ecefe9e686f5a42c8b8aebd975_1441771717_8634.png]
부트스트랩을 적용한 사이트에서는 부딪치는 부분들이 거의 없네요. "editor.lib.php에서 사용하지 않는(중복된) css"를 몇개 제거하니 완벽...
부트스트랩을 적용한 사이트에서는 부딪치는 부분들이 거의 없네요. "editor.lib.php에서 사용하지 않는(중복된) css"를 몇개 제거하니 완벽...
스트레스ㅡ제윤아빠
10년 전
샘플 페이지 없나요 ㅎㅎ
어떤건지 궁금하네요
어떤건지 궁금하네요
10년 전
http://summernote.org
스트레스ㅡ제윤아빠
10년 전
감사합니다
10년 전
autosave 관련된 코드 readme 에 추가하엿습니다.
참고하세요.
참고하세요.
thisgun
10년 전
감사합니다~
반응형도 지원되고, 아주 멋지네요 ^0^
어디서 많이 본 에디터지 싶었는데, okky 에서 사용되고 있는 에디터네요...
반응형도 지원되고, 아주 멋지네요 ^0^
어디서 많이 본 에디터지 싶었는데, okky 에서 사용되고 있는 에디터네요...
10년 전
@매생이님, summernote 가 기본적으로 html5 기능(canvas, blob) 을 이용해서 이미지를 생성하기 때문에 이미지 업로드 구현이 아직 없습니다 .
Lemios
10년 전
모바일에서도 구동되는게 좋네요
9년 전
나눔고딕이나 돋움 같은 폰트를 따로 추가하고 싶은데 방법이 있을까요?ㅠㅠ
saesini
9년 전
그누보드에 섬머노트 적용
9년 전
혹시 이미지 원본 리사이징 기능이 되나요??
9년 전
모바일기기에서는 안보이던데 다른 분들은 모바일에서 사용된다고 하시네요. 특별한 부분의 수정이 필요한가요?
9년 전
익스 낮은버전은 지원 안되니 모바일에서만 적용하려 합니다.
어떻게 하는게 좋을까요?
어떻게 하는게 좋을까요?
9년 전
모바일쪽 따로 설정하는건 없습니다. 키 입력할때 버그 때문에 실행하실 때 shortcut:false 해주시고 하시면 모바일에서도 정상적으로 입력하실 수 있습니다.
http://summernote.org/
여기 공식사이트 모바일에서도 잘 보이시는지 확인 한번 해주세요.
http://summernote.org/
여기 공식사이트 모바일에서도 잘 보이시는지 확인 한번 해주세요.
9년 전
http://summernote.org/ 를 휴대폰 모바일 접속을 하면 잘나옵니다.
저도 모바일기기에서는 안보이던데~ 혹시 shortcut:false는 어디서 하는건가요~?
저도 모바일기기에서는 안보이던데~ 혹시 shortcut:false는 어디서 하는건가요~?
9년 전
에디터
9년 전
반응형 에디터 감사합니다.
8년 전
감사 합니다
모두 적용 잘쓰고 있습니다
설정 0.88 최신 버전 까지 업데이트 마지막 칼라까지 되네요
참조) 저의 설치기 입니다.
http://11q.kr/g5s/bbs/board.php?bo_table=s11&wr_id=3100
문의)
한글 폰트 적용은 무엇을 해야 하는지 조언 좀 부탁 합니다
모두 적용 잘쓰고 있습니다
설정 0.88 최신 버전 까지 업데이트 마지막 칼라까지 되네요
참조) 저의 설치기 입니다.
http://11q.kr/g5s/bbs/board.php?bo_table=s11&wr_id=3100
문의)
한글 폰트 적용은 무엇을 해야 하는지 조언 좀 부탁 합니다
6년 전
설치가 안되네요...다운받아서 풀면 js 파일등도 있던데 이것도 업로드 하나요
6년 전
에디터를 적용했더니 에디터안에 또 에디터가 생깁니다. 어떻게해줘야 하나의 에디터만 사용할수있을까요 답변 좀 부탁드립니다. 감사합니다.
[http://sir.kr/data/editor/1910/eb2f4ede392256baf837d35726fb8294_1571292147_2671.jpg]
[http://sir.kr/data/editor/1910/eb2f4ede392256baf837d35726fb8294_1571292147_2671.jpg]
타버린나무
4년 전
@신비나라 혹시 해결 하셨나요? 저도 같은 증상인데 원인을 못찾겠네요
5년 전
감사합니다. ^^
2년 전
사용해볼께요
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4402 | ||
| 2604 | 8개월 전 | 673 | ||
| 2603 | 8개월 전 | 732 | ||
| 2602 | 8개월 전 | 648 | ||
| 2601 |
 glitter0gim |
8개월 전 | 670 | |
| 2600 |
glitter0gim |
8개월 전 | 579 | |
| 2599 | 8개월 전 | 808 | ||
| 2598 | 8개월 전 | 602 | ||
| 2597 |
다케미카코
|
8개월 전 | 755 | |
| 2596 | 8개월 전 | 854 | ||
| 2595 |
 위토즈소프트 |
8개월 전 | 446 | |
| 2594 | 8개월 전 | 608 | ||
| 2593 |
만두먹고또먹고
|
9개월 전 | 935 | |
| 2592 | 9개월 전 | 609 | ||
| 2591 | 9개월 전 | 620 | ||
| 2590 | 9개월 전 | 688 | ||
| 2589 |
 팬텀디자인 |
9개월 전 | 757 | |
| 2588 | 9개월 전 | 476 | ||
| 2587 | 9개월 전 | 796 | ||
| 2586 | 9개월 전 | 643 | ||
| 2585 | 9개월 전 | 509 | ||
| 2584 | 9개월 전 | 576 | ||
| 2583 | 9개월 전 | 498 | ||
| 2582 | 9개월 전 | 640 | ||
| 2581 | 9개월 전 | 598 | ||
| 2580 |
만두먹고또먹고
|
9개월 전 | 517 | |
| 2579 |
위토즈소프트 |
9개월 전 | 664 | |
| 2578 | 9개월 전 | 646 | ||
| 2577 | 9개월 전 | 625 | ||
| 2576 | 9개월 전 | 561 | ||
| 2575 |
이슈DEV
|
10개월 전 | 993 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기