KCP 창업 지원, 수수료 국내최저 2.9% 제공 이벤트!

gnuboard 에서 summernote 에디터 사용하기 > 그누보드5 팁자료실

그누보드5
영카트5
스터디
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티
부가서비스
KCP 이벤트!

그누보드5 팁자료실

gnuboard 에서 summernote 에디터 사용하기 정보

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);
    }
    ...
}
추천4

댓글 전체

video 삽입 기능이 편리하네요!

그누스트랩에는 무난히 쓸 수 있을까요?
그누보드 원본에 적용했더니... 'bootstrap.min.css' 영향을 많이 받아... 틀어지는 부분들이 있네요.
@fm25 현재  summernote 가 bootstrap 기반이라  bootstrap 안에서 동작이 됩니다. 스크립트도 모두 bootstrap 을 쓰고 있어서 현재는 뺄 수가 없구여  multi ui 를 지원하는 방식을 현재 연구중인 것으로 알고 있습니다.  그렇게 되면 bootstrap 상관 없이 쓸 수 있을 것 같아요.


부트스트랩을 적용한 사이트에서는 부딪치는 부분들이 거의 없네요. "editor.lib.php에서 사용하지 않는(중복된) css"를 몇개 제거하니 완벽...
@매생이님, summernote 가 기본적으로 html5 기능(canvas, blob) 을 이용해서 이미지를 생성하기 때문에  이미지 업로드 구현이 아직 없습니다 .
모바일쪽 따로 설정하는건 없습니다.  키 입력할때 버그 때문에 실행하실 때  shortcut:false 해주시고 하시면 모바일에서도 정상적으로 입력하실 수 있습니다.

http://summernote.org/

여기 공식사이트 모바일에서도 잘 보이시는지 확인 한번 해주세요.
http://summernote.org/ 를 휴대폰 모바일 접속을 하면 잘나옵니다.

저도 모바일기기에서는 안보이던데~ 혹시 shortcut:false는 어디서 하는건가요~?
감사 합니다

모두 적용 잘쓰고 있습니다
설정 0.88 최신 버전 까지 업데이트 마지막 칼라까지 되네요

참조) 저의 설치기 입니다.
http://11q.kr/g5s/bbs/board.php?bo_table=s11&wr_id=3100

문의)
한글 폰트 적용은 무엇을 해야 하는지 조언 좀 부탁 합니다
에디터를 적용했더니 에디터안에 또 에디터가 생깁니다. 어떻게해줘야 하나의 에디터만 사용할수있을까요 답변 좀 부탁드립니다. 감사합니다.
전체 1,728 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

진행중 포인트경매

  1. 참여39 회 시작20.10.16 07:30 종료20.10.22 19:41
  2. 참여18 회 시작20.10.15 12:15 종료20.10.22 12:15
  3. 참여2 회 시작20.10.14 12:40 종료20.10.21 12:40
  4. 참여2 회 시작20.10.14 12:33 종료20.10.21 12:33

(주)에스아이알소프트 (06212) 서울시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT