11.Nas_BBS_s11

성공)summernote-0.8.9-dist 그누보드 웨지엣 본문 사진 복사 편집 가능한 에디터 업그레이드 및 관리자 에디터 설정 방법

shimss11q 2018-01-15 (월) 01:50 1년전 1559
      

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

최종 버전 입니다


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

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

상단메뉴 진한글자, 기울기글자밑줄 글자, 취소글자, 위첨자123,아래 첨자 456 

스타일 적용으로

제목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  ?>

3232235521_1515947140.3657.png

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

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

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

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

3232235521_1515947845.249.png

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

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

3232235521_1515947691.0738.png

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

3232235521_1515947937.402.png

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  

  3232235521_1515948173.353.png

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

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

3232235521_1515950958.6492.png

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

  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">
3232235521_1515986029.8958.png

 참조 링크  사이트
  SUMMERNOTE 적용해보기 사례
  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>
  5. <!-- include summernote css/js-->
  6. <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.8/summernote.css" rel="stylesheet">
  7. <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.8/summernote.js"></script>

gnuboard5-summernote

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

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

플러그인 적용

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

gnuboard 의 plugin/editor/ 디렉토리에 넣어주세요.

플러그인 사용

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

auto save 적용하기

  • gnuboard v5.1.2 부터는 auto save 설정없이 사용하실 수 있습니다.
  • 그 이하 버전에서는 아래 절차를 따라 주세요.

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);
     }
     ... 
}
 최신 버전 다운 사이트 Get summernote
---------
첨부 파일 적용 > 그누보드/ 아미나빌더 적용 제홈피 사례입니다
summernote-0.8.9-dist_11q.kr.zip 파일을 
3232235521_1515987250.2769.png

홈피에디터 적용 하기 > 게시판 수정 > 압축 폴더헤제 이름 적용 > 모바일도 적용 편 합니다.
3232235521_1515987411.431.png
3232235521_1515987379.9573.png


   

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

shimss11q 님의 11.Nas_BBS_s11 최신글 [더보기]


shimss11q 2018-01-16 (화) 17:02 1년전
댓글 이미지 추가방법
https://sir.kr/g4_tiptech/3662
주소
shimss11q 2018-01-16 (화) 17:03 1년전
주소
shimss11q 2018-01-16 (화) 17:10 1년전
댓글에 스마트에디터 달기
https://sir.kr/g5_skin/3879
주소
shimss11q 2018-01-16 (화) 17:17 1년전
주소
shimss11q 2018-01-16 (화) 23:40 1년전
베이직 게시판 댓글에 위지윅(스마트에디터2) 붙이기
https://sir.kr/g5_tip/4969
주소
세아파파 2018-01-17 (수) 00:41 1년전
감사합니다
주소
돌돌이아빠 2018-01-21 (일) 08:33 11개월전
감사합니다.^^
주소
bianjiqi 2018-02-05 (월) 16:51 11개월전
감사합니다.^^
주소
shimss11q 2018-02-09 (금) 13:30 11개월전


관리자에디터 지정하면 문제로 스마트에디터로 적용 했는데 

관리자에서 사용하고 싶으면, /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  ?>
주소
shimss11q 2018-02-19 (월) 09:08 10개월전
SUMMEROTE.HTML
소스 입니다.
==================
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>bootstrap4</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-bs4.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-bs4.js"></script>
  </head>
  <body>
    <div id="summernote"></div>
    <script>
      $('#summernote').summernote({
        placeholder: 'Hello bootstrap 4',
        tabsize: 2,
        height: 100
      });

  var save = function() {
  var markup = $('.click2edit').summernote('code');
  $('.click2edit').summernote('destroy');

  };

    </script>
<button id="edit" class="btn btn-primary" onclick="edit()">Edit</button>
<button id="save" class="btn btn-primary" onclick="save()" type="button">Save</button> SPL EDIT 로 저장이 되지 않습니다.....
  </body>
</html>
주소
shimss11q 2018-02-19 (월) 09:12 10개월전
아래 새창으로 소스
=====
<a role="button" href="https://11q.kr/g5s/summernote.html" target="_blank" class="btn btn-blue btn-sm"><i class="fa fa-plus"></i><span class="hidden-xs"> 썸머노트 새창으로</a>
Summernote_editor...SPL(input-1010)
</a>
주소
번호 이미지 제목 글쓴이 날짜 추천 조회
추천_작업성공)시놀로지 도커/docker에서 nextcloud 설치 웹하드 설치 작업 2
shimss@11q.kr 01-12 0 49
shimss@11q.kr 01-12 0 49
추천)시놀로지 docker에서 파일공유 편한 droppy 설치 하기 8
shimss@11q.kr 08-04 0 761
shimss@11q.kr 08-04 0 761
성공)시놀로지 docker에서 seafile 설치작업 /docker 이미지 : m3adow/seafile 9
shimss@11q.kr 01-06 0 81
shimss@11q.kr 01-06 0 81
Ubuntu 18.04.1 LTS (Bionic Beaver) iso 파일 다운로드 설치 6
shimss@11q.kr 12-19 0 134
shimss@11q.kr 12-19 0 134
우분투)18.04 에 tvheadend 설치 windows 10 vmware workstation 15 파… 17
shimss@11q.kr 12-09 1 300
shimss@11q.kr 12-09 1 300
설치방법)시놀로지 docker 로 tvheadend 기존 안정 버전으로 초간단히 명령어로 설치하기
shimss@11q.kr 12-02 4 392
shimss@11q.kr 12-02 4 392
작업)시놀로지 918+에서 docker tvheadend 하드웨어 트랜스코딩(vaapi) 구성 확인 참조 …
shimss@11q.kr 11-29 0 392
shimss@11q.kr 11-29 0 392
tvheadend up epg2xml-master_v126_11q.kr_20181116 시놀로지 도커 설치… 55
shimss@11q.kr 11-16 5 734
shimss@11q.kr 11-16 5 734
up성공) 사진 갤러리 Piwigo 2.9.4 Release Notes 시놀로지 synology 설치 방법… 18
shimss11q 04-09 0 3861
shimss11q 04-09 0 3861
성공)synoboot-ds918_Juns_Mod_v1.04b 작업 테스트 _DSM Version: 6.2.1… 22
shimss11q 10-21 0 1089
shimss11q 10-21 0 1089
성공)U5PVR) epg활용 www폴더 웹루트 옮기기 변경 epg 자체 생성 설정 하기
shimss11q 07-05 0 608
shimss11q 07-05 0 608
★★성공)저사양pc 공식 리믹스 OS 32/64 비트 다운로드 | 리믹스 OS 플레이어// pc bios 듀… 1
shimss11q 09-30 0 600
shimss11q 09-30 0 600
★★★추천성공) Install android-x86_64bit on VMware Player or Works… 2
shimss11q 09-27 0 682
shimss11q 09-27 0 682
성공)시놀로지 작업스케줄러로 xmltv.xml만들어 도커 epg2xml를 epg그래버모듈 tv_grab_정보… 34
shimss@11q.kr 09-21 3 1098
shimss@11q.kr 09-21 3 1098
보안 중요)ip차단 리스트 시놀로지 차단 목록 15만건 20180901 정리 등록 39
shimss11q 09-01 2 1068
shimss11q 09-01 2 1068
작업_성공_사용기 )[U5]U5PVR 웹 파일 관리 : droppy 재설치 완료 및 자동 실행 변경
shimss11q 08-19 0 688
shimss11q 08-19 0 688
추천스킨)kodi_skin.titan-korea_cinema_font_11q.kr 및 사용자 메뉴 생성 방법 24
shimss11q 07-01 0 1122
shimss11q 07-01 0 1122
저작권 정보및 일부 자료에 대하여 링크 글에 원문 참조 복사 내용에 대하여 말들이 많네요
shimss11q 06-24 0 830
shimss11q 06-24 0 830
사진관리 추천) piwigo update error / 업데이트 에러 대응 및 초기 설치 설정 관련 정보
shimss11q 05-30 0 1077
shimss11q 05-30 0 1077
추천)KODI_TV시청 plugin.video.klive-0.1.0.zip 및 0.1.4버전 파일 구조 복사… 142
shimss11q 04-26 14 3852
shimss11q 04-26 14 3852
■ ★ u5pvr)tvheadend 의 epg 의 xmltv.xml 를 자동 스케줄러 만들어 사전에 정기적으… 53
shimss11q 04-01 0 3127
shimss11q 04-01 0 3127
성공)u5pvr단독) linux 재설치후 U5PVR APM 1편 : 설치후 epg2xml.php 이용하여 x… 63
shimss11q 03-13 1 5657
shimss11q 03-13 1 5657
최종버전)summernote089.g5.3적용에 대한 그누보드 5.2.9버전에서 메뉴 dropdown 안되는… 11
shimss11q 02-24 2 1342
shimss11q 02-24 2 1342
보안) bad 해킹 차단 ip 목록 리스트 14만건 badips 링크 자료와 저의 차단목록 deny-ip-l… 34
shimss11q 05-15 2 2206
shimss11q 05-15 2 2206
성공/추천)배추스킨 ver 3.0.3 버전 그누보드 /아미나빌드에 시놀로지 시스템 pdf viewer pc/… 6
shimss11q 01-21 0 1603
shimss11q 01-21 0 1603
(성공)시놀로지 나스에서 백엔드 서버를 아파치가 아닌 nginx 를 사용했을 때 그누보드 로그인에 htt… 2
shimss11q 02-24 0 3501
shimss11q 02-24 0 3501
추천_성공)EPG 기능이 포함된 docker-tvheadend 설치 사용기 32
shimss@11q.kr 12-12 0 5563
shimss@11q.kr 12-12 0 5563
성공)U5PVR WebDAV 구동하기 및 WebDAV 인증 Basic 및 미인증으로 설정하기 5
shimss11q 11-01 0 2019
shimss11q 11-01 0 2019
사용기 성공 _ 추천_펌)iptv 채널 간단 서치 OMVS 대치 프로그램_MctvPlaylistCreator… 153
shimss@11q.kr 08-09 6 9661
shimss@11q.kr 08-09 6 9661
성공up채널) 다음팟 TV 보기 m3u / omvs 프로그램을 이용한 Sk (Btv) IPTV 주소 따는 방… 187
shimss11q 05-05 9 21456
shimss11q 05-05 9 21456
1364
Android 에뮬레이터에서 Samsung Galaxy S7 및 삼성폰 스킨 설치
shimss@11q.kr 01-14 0 27
shimss@11q.kr 01-14 0 27
1363
docker 접속후 nano edit 설치 및 mc 파일 관리자 설치 하기
shimss@11q.kr 01-13 0 17
shimss@11q.kr 01-13 0 17
1362
추천_작업성공)시놀로지 도커/docker에서 nextcloud 설치 웹하드 설치 작업 2
shimss@11q.kr 01-12 0 49
shimss@11q.kr 01-12 0 49
1361
성공)시놀로지 docker에서 seafile 설치작업 /docker 이미지 : m3adow/seafile 9
shimss@11q.kr 01-06 0 81
shimss@11q.kr 01-06 0 81
1360
uptodown kodi r4 new version 코디 다운로드 방법
shimss@11q.kr 01-05 0 58
shimss@11q.kr 01-05 0 58
1359
skbtv.m3u 을 부탁 드려도 될까요? 1
바람돌이 01-02 0 6
바람돌이 01-02 0 6
1358
리눅스 크론탭(Linux Crontab) tvheadend iptv시청 epg 만들기 xmltv_xml_cr…
shimss@11q.kr 12-31 0 66
shimss@11q.kr 12-31 0 66
1357
작업)Ubuntu 18.04에 LAMP ( Apache2, MySQL , PHP 7) 설치하는 방법2_apt…
shimss@11q.kr 12-31 0 61
shimss@11q.kr 12-31 0 61
1356
apt-get install phpmyadmin 패키지 목록을 읽는 중 ... 상태 정보를 읽는 세 가지 의…
shimss@11q.kr 12-31 0 51
shimss@11q.kr 12-31 0 51
1355
우분투 18.10으로 시스템 업그래이드 하기 How To Upgrade Ubuntu To 18.10 Cosm…
shimss@11q.kr 12-30 0 51
shimss@11q.kr 12-30 0 51
1354
vmware 초기 부팅 BIOS 메뉴 나오게 vmx 파일에 bios.bootDelay = "5000" 을 …
shimss@11q.kr 12-30 0 50
shimss@11q.kr 12-30 0 50
1353
우분투)vmware ubunto 18.4 버전 네트워크 ip변경 작업
shimss@11q.kr 12-30 0 54
shimss@11q.kr 12-30 0 54
1352
vmware ubunto 18.4 booting error #Host SMBus controller bus …
shimss@11q.kr 12-29 0 45
shimss@11q.kr 12-29 0 45
1351
우분투)tvheadend 에서 Compile FFmpeg for Ubuntu, Debian, or Mint …
shimss@11q.kr 12-26 0 68
shimss@11q.kr 12-26 0 68
1350
우분투) Seafile Server 설치하기_진행 ===> 실패
shimss@11q.kr 12-25 0 46
shimss@11q.kr 12-25 0 46
1349
작업중)[U5PVR] Seafile Server 설치하기_===>저의서버 설치 불가능
shimss@11q.kr 12-25 0 51
shimss@11q.kr 12-25 0 51
1348
[Ubuntu] VM웨어에 설치된 우분투 서버 고정IP 설정하기 적용후 문제발생 원래대로 복구하기
shimss@11q.kr 12-24 0 60
shimss@11q.kr 12-24 0 60
1347
우분투 18 버전 xmltv.xml 파일 만들어 tvheadend에 epg그래버모듈 epg갱신 불러오기 1
shimss@11q.kr 12-24 0 85
shimss@11q.kr 12-24 0 85
1346
우분투 18버전 root 계정으로 접속하기 및 winscp root 계정으로 로그인 파일 업로드 하기
shimss@11q.kr 12-24 0 84
shimss@11q.kr 12-24 0 84
1345
설정값)tvheadend의 kodi 접속 하여 시청시 Continuity counter error 로 인한 …
shimss@11q.kr 12-23 0 114
shimss@11q.kr 12-23 0 114
1344
시놀로지 dsm6.2.1에서 펨어어 재설치 다운그래이드 하기
shimss@11q.kr 12-23 0 71
shimss@11q.kr 12-23 0 71
1343
sudo: unable to dlopen /opt/libexec/sudoers.so: (null)-문제로- …
shimss@11q.kr 12-23 0 41
shimss@11q.kr 12-23 0 41
1342
우분투) Apache2 Ubuntu 설치후 tvheadend를 시청하기 위한 ufw 방화벽 허용 설정
shimss@11q.kr 12-22 0 60
shimss@11q.kr 12-22 0 60
1341
작업)Ubuntu 18.04에 LAMP ( Apache2, MySQL , PHP 7) 설치하는 방법
shimss@11q.kr 12-22 0 50
shimss@11q.kr 12-22 0 50
1340
우분투) 사용 ip 변경.....(실패)
shimss@11q.kr 12-22 0 57
shimss@11q.kr 12-22 0 57
1339
FFmpeg를 우분투 18.04에 설치하는 법 / Ubuntu에 FFmpeg 4.x 설치하기 2
shimss@11q.kr 12-22 0 74
shimss@11q.kr 12-22 0 74
1338
우분투에서 ffmpeg 에 h264 추가하여 설치 방법 5
shimss@11q.kr 12-20 0 74
shimss@11q.kr 12-20 0 74
1337
Ubuntu 18.04.1 LTS (Bionic Beaver) iso 파일 다운로드 설치 6
shimss@11q.kr 12-19 0 134
shimss@11q.kr 12-19 0 134
1336
우분투를 공장 초기화하는 명령이 있습니까? [복제]
shimss@11q.kr 12-19 0 61
shimss@11q.kr 12-19 0 61
1335
윈도우10 네트워크 우선순위
shimss@11q.kr 12-19 0 86
shimss@11q.kr 12-19 0 86

11.Nas_BBS_s11 


PHP 안에 HTML ☞ 방문 시간은 2019-01-17 18:16:10 입니다.
☞ Server uptime /volume1/web/g5s/thema/Basic/side/shimss_basic-side.php:69: string(68) " 18:16:10 up 3 days, 19:47, 1 user, load average: 0.41, 0.19, 0.17"
Category
State
  • 현재 접속자2 0 명
  • 신규 가입자 4 명
  • 오늘 방문자 1,026 명
  • 어제 방문자 1,195 명
  • 최대 방문자 1,687 명
  • 전체 방문자 1,522,393 명
  • 전체 게시물 4,162 개
  • 전체 댓글수 13,702 개
  • 전체 회원수 5,597 명

☞ Your IP : 54.205.211.87

☞ Your Mac : entries

Facebook Twitter GooglePlus KakaoStory NaverBand
.\thema\Basic\side\shimss_basic-side.php
+ ☆☆☆ Bookmark link1(S52)_tall.php ☆☆☆