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

최종 버전 입니다

summernote  그림붙이기 위지익 edit 에디터 특징 

그림을 바로 붙이기 가능하여 캡춰 클립보드의 내용을 바로 붙이기가 편해서  에디터 하기가 편 합니다

상단메뉴 진한글자, 기울기글자, 밑줄 글자, 취소글자, 위첨자¹²³,아래 첨자 ₄₅₆ 

스타일 적용으로

제목1

제목2

제목3

제목4

제목5

제목6

코드 입력 가능

<link rel="stylesheet" href="//추가전maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="<?php echo $editor_url ?>/summernote/summernote.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>
<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>
<script src="<?php echo $editor_url ?>/추가전summernote/summernote.min.js"></script>
<script src="<?php echo $editor_url ?>/summernote/summernote.js"></script>
<script src="<?php echo $editor_url ?>/summernote/lang/summernote-ko-KR.js"></script>

첨부는 summernote-0.8.9-dist 버전 입니다

상단/스타일 적용 설정한 내용으로  summernote-0.8.9-dist_11q.kr.zip 첨부 합니다.

향후 업데이트 방법으로 게시판 에디터 업데이트 합니다

관리자에서 사용하고 싶으면, /adm/admin.head.php  93라인쯤에 아래 두 코드를 넣어서 부트스트랩이 작동하도록  해보겠습니다. 

<? // 관리자에디터 지정하면  summernote 문제 발생 shimss 20180209  ?>

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css">

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>

<? // 관리자에디터 지정하면  summernote 문제 발생 shimss 20180209  ?>

첨부 다운은 업데이트 그누보드 에디터로 사용가능한 첨부 파일 입니다

< 새로운 버전 나올시 업데이트 방법>이며  < 첨부는 plugin/edit 폴더에 복사 사용 >

기존 하위 버전의 plugin/editor/summernote_v088 하나더 폴더 만들고 ( plugin/editor/summernote_v089)

(임의 이름 가능 : summernote-0.8.9-dist_gunu )  모두 복사 합니다.

https://summernote.org/getting-started/

사이트에서 최신 버전을 다운 로드 합니다

다운받은 파일을 압축 해제후 dist 폴더 파일을 summernote 폴더에 복사 합니다.

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

gnuboard5-summernote-master  사이트 다운로드 적용시 수정 내용

1) 사진 첨부 용량  수정 하기  기본 파일에는 >>> 파일이 업로드 용량(1MB)을 초과하였습니다. > 수정

   ( 첨부는 적용 완료 )

  파일 : w:\g5s\plugin\editor\summernote-0.8.9-dist_gunu\config.js 에서 아래 행 수정 합니다.

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

2)  폰트 메뉴가 내려 오지 않으면

w:\g5s\plugin\editor\gnuboard5-summernote-master\editor.lib.php

문제점 아래 내용을 수정 내용 적용시 해결 됩니다..( 그누보도/아미나 최종 버전)

1.   gnuboard5-summernote-master 사용시 소스 삽입이 안되며
2.    summernote-0.8.9-dist_gunu  상단 폰트 굵기가 안되고

수정내용

경로 w:\g5s\plugin\editor\summernote-0.8.9-dist_gunu\editor.lib.php

에서 추가전,수정전은 삭제 내용입니다( 에러로 미적용 되며 해당줄을 삭제 해도 동일 적용됩니다)

<link rel="stylesheet" href="//추가전maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="<?php echo $editor_url ?>/summernote/summernote.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>
<script src="<?php echo $editor_url ?>/추가전summernote/summernote.min.js"></script>
<script src="<?php echo $editor_url ?>/summernote/summernote.js"></script>
<script src="<?php echo $editor_url ?>/summernote/lang/summernote-ko-KR.js"></script>
<script type="text/javascript">

1. <!-- include libraries(jQuery, bootstrap) -->
2. <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
3. <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
4. <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>
6. <!-- include summernote css/js-->
7. <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.8/summernote.css" rel="stylesheet">
8. <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.8/summernote.js"></script>

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

  ----------------------------------- ♠ 출처는 링크 참조 바랍니다. https://11q.kr ♠