추천 그누보드 에디터)gnuboard 에서 summernote 에디터 사용하기 기준 아미나 그누보드 system up 0.88 적용하기

최종버전 0.89  썸머노트  적용 최종 파일은 

https://11q.kr/g5s//bbs/board.php?bo_table=s11&wr_id=3612#c_3847

다운로드 하여 사용하세요

===============이하 과거자료  참조 ====

추천 그누보드 에디터)gnuboard 에서 summernote 에디터 사용하기 기준 아미나 그누보드 system up 0.88 적용하기

출처 : 그누보드5 팁자료실

1) 다운로드 : https://github.com/easylogic/gnuboard5-summernote/archive/master.zip 

   gnuboard5-summernote-master.zip

 또는

 https://github.com/easylogic/gnuboard5-summernote.git

 clone or download 클릭 zip 파일을 받습니다 

2) x:\g5s\plugin\editor\summernote\ 의 폴더를 만듭니다

3) 복사 는

 gnuboard5-summernote-master.zip 을  x:\g5s\plugin\editor\summernote_ xx\ 압축 해제 먼저  복사 하고

summernote-master.zip을 x:\g5s\plugin\editor\summernote_ xx\summernote\ 폴더에  나중에 복사합니다 

4) 업데이트  https://summernote.org/getting-started/ 접속 합니다

summernote-0.8.8-dist.zip을  다운 받습니다.

압축 해체한 후

c:\Users\shimss\Downloads\summernote-0.8.8-dist\dist\

을
x:\g5s\plugin\editor\summernote_ xx\summernote\ 폴더에  복사 합니다.

6) 게시판 에디터 설정은 DHTML 에디터 사용 변경 합니다 

5) x:\g5s\plugin\editor\summernote_ develop\editor.lib.php   수정 합니다

   글쓰기 진행 동작 진행 확인 합니다

 editor.lib.php를 수정 않할시 폰트 메뉴바가 안보입니다

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script> 를 삭제합니다

또는 
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css">

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>

3개를 삭제 합니다

또는 아래 링크 / 스크립트 3개 모두 삭제 합니다.

6) 사진 첨부 용량  수정 하기

파일이 업로드 용량(1MB)을 초과하였습니다.

메세지 수정 하기

x:\g5s\plugin\editor\summernote_develop20171020\config.js

에서 수정 합니다.

 onImageUpload: function (files) {

/** upload start */

var maxSize = 20 * 1024 * 1024; // limit 20MB  

// TODO: implements insert image

var isMaxSize = false; 

var maxFile = null;

for (var i = 0; i < files.length; i++) {

  if (files[i].size > maxSize) {

isMaxSize = true;

maxFile = files[i].name; 

break;   

  }

  //sendFile(files[i], this);

}

if (isMaxSize) { // 사이즈 제한에 걸렸을 때 

   alert('[' + maxFile + '] 파일이 업로드 용량(20MB)을 초과하였습니다.');

} else {

for(var i = 0; i < files.length; i++) {

sendFile(files[i], this);

}

}

/** upload end */

한글 폰트가 제대로 동작 되지 않는것말고 위지웍 에디터 최고 입니다

첨부 2개를 통합 제가 사용하는 버전입니다

========== 이하 펌글 정보 ==============

그누보드5 를 위한 Summernote 에디터 플러그인 

출처 https://sir.kr/g5_tip/3142


bootstrap 을 사용하는 위지윅 에디터를 gnuboard 플러그인 형태로 구성하였습니다. 

* 플러그인 설치 
다운로드 : https://github.com/easylogic/gnuboard5-summernote/archive/master.zip 
git clone : https://github.com/easylogic/gnuboard5-summernote.git

 ( 펌글에서 링 2가지 동일 파일 이네요 )

 업데이트는  https://summernote.org/getting-started/ 접속 합니다

summernote-0.8.8-dist.zip을  summernote/summernote 폴더에 다운 받아 받습니다.

두가지 형태로 소스를 받은 후에 

gnuboard 의 plugin/editor/ 디렉토리에 summernote 이름으로 넣어주세요. 

* 플러그인 사용 

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

* 지원 기능 

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

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

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


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

=============== 첨부 파일 사용법 ===================

상기 작업 버전 첨부 저장 합니다

> 0.88 최신 버전 업데이트

> 업데이트 하니 마지막 칼라 적용 되네요

summernote_gu_dist_088.zip 압축 해체

x:\g5s\plugin\editor\  에  복사사용하세요

게시판 설정 > 복사 폴더 이름을 선택

아래와 같이 pc 와 모바일에서 DHTML 에디터를 사용 사진을 편하게 복사 / 붙이기 하세요