최종)그누보드 웨지익 에디터 서머 노트 0.816 적용 대화식 WYSIWYG 편집 include summernote css/js 수정 파일

11.Nas_BBS_s11

최종)그누보드 웨지익 에디터 서머 노트 0.816 적용 대화식 WYSIWYG 편집 include summernote css/j…

      

최종)그누보드 서머 노트 적용 include summernote css/js 수정 파일

저의 게시판에 적용된 에디터 입니다

글쓰기 테스트 해보세요 

조건 모든 사용조건에서 글작성 문제없이 그림파일 카피 붙이기 가능한 위지잇 에디터 입니다


pc모드

모바일모드

아이콘 깨짐

머뉴드롭다운보기


최종 파일 수정내용

파일 :\\192.168.0.6\web\g5s\plugin\editor\summernote-master_0816_11qkr_20200415\editor.lib.php

<!-- include libraries(jQuery, bootstrap) start -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css">
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" />
<!--  menu drop down  hiddin 
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
-->

<!-- include summernote css/js start -->
<link rel="stylesheet" href="<?php echo $editor_url ?>/summernote/summernote.css" rel="stylesheet">
<script src="<?php echo $editor_url ?>/summernote/summernote.min.js"></script>
<script src="<?php echo $editor_url ?>/summernote/lang/summernote-ko-KR.js"></script>
<!-- include summernote css/js end --> 


저장파일 : summernote-master_0816_11qkr_20200415.zip

3232235521_1586954106.113.png 

파일 수정 경로 \\192.168.0.6\web\g5s\plugin\editor\summernote-master_0816_11qkr_20200415\editor.lib.php
<!-- include libraries(jQuery, bootstrap) start -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css">
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" />
<!--  menu drop down  hiddin 
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
-->

<!-- include summernote css/js start -->
<link rel="stylesheet" href="<?php echo $editor_url ?>/summernote/summernote.css" rel="stylesheet">
<script src="<?php echo $editor_url ?>/summernote/summernote.min.js"></script>
<script src="<?php echo $editor_url ?>/summernote/lang/summernote-ko-KR.js"></script>
<!-- include summernote css/js end -->


---------

서머 노트 정보

슈퍼 간단한 WYSIWYG 편집기.

최신버전 다운로드

https://github.com/summernote/summernote 

빌드 상태 npm 버전 적용 상태

서머 노트

Summernote는 WYSIWYG 편집기를 온라인으로 작성하는 데 도움이되는 JavaScript 라이브러리입니다.

홈페이지 : https://summernote.org

왜 Summernote인가?

Summernote에는 몇 가지 특수 기능이 있습니다.

  • 클립 보드에서 이미지 붙여 넣기
  • base64 인코딩을 사용하여 필드의 내용에 직접 이미지를 저장하므로 이미지 처리를 전혀 구현할 필요가 없습니다.
  • 간단한 UI
  • 대화식 WYSIWYG 편집
  • 서버와의 편리한 통합
  • 부트 스트랩 3 및 4 무결성 지원
  • 많은 플러그인과 커넥터 가 함께 제공

설치 및 종속성

Summernote는 jQuery를 기반으로 합니다.

1. JS / CSS 포함

<head>HTML 태그에 다음 코드를 포함하십시오 .

<!- 라이브러리 포함 (jQuery, bootstrap) -> 
< script  type = " text / javascript "  src = " //cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js " > </ 스크립트 >
< link  rel = " stylesheet "  href = " //cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css " />
< 스크립트  유형 = " text / javascript "  src = " //cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js " > </ 스크립트 >

<!- summernote css / js 포함 -> 
< link  href = " summernote.css "  rel = " stylesheet " >
< script  src = " summernote.js " > </ 스크립트 >

2. 요소를 타겟팅

그런 다음 div태그 어딘가에 태그를 배치하십시오 body이 요소는 summernote 편집기로 대체됩니다.

< div  id = " summernote " > 안녕하세요 Summernote </ div >

3. 서머 노트!

마지막으로 DOM이 준비된 후이 스크립트를 실행하십시오.

$ ( 문서 ). ready ( function () {
   $ ( ' #summernote ' ). summernote ();
});

더 많은 예를 보려면 홈페이지 를 방문하십시오 .

API

code -편집기에서 텍스트의 기본이되는 HTML 소스 코드를 가져옵니다.

var html =  $ ( ' #summernote ' ). 서머 노트 ( ' code ' );

API에 대한 자세한 내용은 document 를 참조하십시오 .

경고-코드 삽입

코드보기를 통해 사용자는 스크립트 내용을 입력 할 수 있습니다. 서버에서 HTML 을 필터링 / 소독해야합니다 . 그렇지 않으면 공격자가 임의의 JavaScript 코드를 클라이언트에 주입 할 수 있습니다.

기여

https://github.com/summernote/summernote/blob/develop/.github/CONTRIBUTING.md

콘택트 렌즈

특허

Summernote는 MIT 라이센스에 따라 자유롭게 배포 될 수 있습니다.

■ ▶ ☞ ♠ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다. 11q.kr


Comments

삼산 2020.04.16 10:48
감사합니다! !
11qkr 2020.04.29 07:54
https://github.com/easylogic/gnuboard5-summernote/tree/v1.3.1
11qkr 2020.05.03 11:31
합쳐지고 최소화된 최신 CSS
<!-- 합쳐지고 최소화된 최신 CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

<!-- 부가적인 테마 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">

<!-- 합쳐지고 최소화된 최신 자바스크립트 -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
11qkr 2020.05.03 20:42
1) /plugin/editor/summernote/editor.lib.php

<script src="<?php echo $editor_url ?>/summernote.min.js"></script>

->

<script src="<?php echo $editor_url ?>/summernote.js"></script>

 

2) /plugin/editor/summernote/summernote.js

    context.memo('button.picture', function () {
        return ui.button({
          contents: ui.icon(options.icons.picture),
          tooltip: lang.image.image,
          click: context.createInvokeHandler('imageDialog.show')
        }).render();
      });

->

    context.memo('button.picture', function () {
        return ui.button({
          contents: ui.icon(options.icons.picture) + '  사진',         
          click: context.createInvokeHandler('imageDialog.show')
        }).render();
      });
11qkr 2020.05.03 23:26
summernote setup 11q.kr  bootstrap
<!--
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> bootstrap css -->
<link rel="stylesheet" href="<?php echo $editor_url ?>/bootstrap.css"><!-- editor_url bootstrap.css css -->
<link rel="stylesheet" href="<?php echo $editor_url ?>/summernote/summernote.css"><!-- summernote css -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css"> <!-- menu icon dispaly -->
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js----삭제"></script>
 <!-- bootstrap js drop down menu optision -->
<script src="<?php echo $editor_url ?>/summernote/summernote.js"></script><!-- summernote js -->
<script src="<?php echo $editor_url ?>/summernote/lang/summernote-ko-KR.js"></script><!-- summernote-ko-KR -->
<!-- summernote setup 11q.kr  -->
11qkr 2020.05.07 01:57
최종 파일 수정내용

파일 :\\192.168.0.6\web\g5s\plugin\editor\summernote-master_0816_11qkr_20200415\editor.lib.php

<!-- include libraries(jQuery, bootstrap) start -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css">
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" />
<!--  menu drop down  hiddin
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
-->

<!-- include summernote css/js start -->
<link rel="stylesheet" href="<?php echo $editor_url ?>/summernote/summernote.css" rel="stylesheet">
<script src="<?php echo $editor_url ?>/summernote/summernote.min.js"></script>
<script src="<?php echo $editor_url ?>/summernote/lang/summernote-ko-KR.js"></script>
<!-- include summernote css/js end -->
한국고용 02.11 16:43
멋진 사용기입니다. 잘 사용하겠습니다. 감사합니다
청단고도리 04.12 20:30
정말 감사합니다! 큰 도움이 되었습니다.
번호 제목 글쓴이 날짜 조회 추천
skin up수정)v0412_kodi19_skin.arctic.zephyr.mod-master (1132)_… 11qkr 04.10 95 0
KODI SKIN 수정6) 2021-0410_1_kodi19_skin.eminence.2.mod_by_11q… 댓글+23 11qkr 03.05 844 0
skin update)CarPc-Carbon-Kor_kodi19_11qkr_Ver271_up20210411.… 댓글+2 11qkr 2020.11.22 1241 0
kodi skin 소개 )skin.xonfluence-v4010_***.zip 수정버전 입니다. 댓글+4 11qkr 2020.11.26 1678 1
kodi skin update)20210408-1_kodi19_skin.destiny_by_11q.kr.zi… 댓글+40 11qkr 2020.11.20 4208 2
시놀로지 사용자 간단 파일 공유 DOCKER droppy 설치 간단 공유 추천 드립니다. 11qkr 2020.11.04 1273 1
kodi_skin_up)skin.aeonmq8_v290_ko-11q.kr.zip 한글화 및 기능 업데이트 댓글+4 11qkr 2020.08.08 2758 0
kodi_skin_up)2020-0806-skin.aeonmq7.leia.mod-1.0.2.5_KO_11q.… 11qkr 2020.08.06 2320 0
kodi skin)skin.auramod 한글번역 및 power menu 문제수정 2020-0725_ski… 댓글+8 11qkr 2020.07.21 2787 0
kodi 스킨 수정)skin.estuary.widget 스킨 수정 20210106-kodi19_skin.es… 댓글+18 11qkr 2020.07.15 3105 0
일반)tvheadend:latest 설치하여 xmltv.xml 만들어 m3u epg 경로 하기 설정 값 댓글+2 11qkr 2020.06.21 3340 0
k***e wavve 채널 시청 성공 )GT-KING-PRO에 coreelec docker 설치 조건에 s… 댓글+7 11qkr 2020.06.21 3030 0
팁)헤놀로지 부팅 usb 업그래이드용 부팅디스크 하나더 booting disk 만들기 간편하게 수정 가능 방… 댓글+1 11qkr 2020.06.09 2935 0
존스로더 트랜스코딩 확인) DS918+1.04b dsm v6.2.3 DSM_DS918+_25426_extra… 댓글+53 11qkr 2020.06.08 7084 1
열람중 최종)그누보드 웨지익 에디터 서머 노트 0.816 적용 대화식 WYSIWYG 편집 include summer… 댓글+8 11qkr 2020.04.12 3163 0
작업방법)3615xs / 3617xs / 918 + 용 DSM6.2.2 용 드라이버 확장 6 월 1.03b … 댓글+7 shimss@11q.kr 2020.04.14 3304 0
Termux 팁)adb_scrcpy 화면 미러링 이용으로 termux를 pc에서 화면 미러링으로 pc 키보드… 댓글+6 11qkr 2020.04.04 3092 0
★ Coreelec / LibreELEC TvHeadend Server Setup 설정후 tvheaden… 댓글+4 shimss@11q.kr 2019.11.12 4266 0
***** 추천)Beelink GT-King Pro 용 새 펌웨어 906P0 [ROM] POISON TV G… 댓글+5 11qkr 2019.11.19 3793 0
★ 2)Termux의 openssh 설치 sshd 접속 / 인증키 만들어_pc에서 putty 접속/winsc… 댓글+7 11qkr 2019.11.24 4729 0
★1)termux에서 데비안10 설치 명령 debian-in-termux(재설치1) 댓글+8 shimss@11q.kr 2019.11.27 4585 0
성공)kodi coreelec docker 설치후 배우면서 tvheadend 설치 작업 과 klive 연동 댓글+13 11qkr 2019.11.09 7074 0
synology mailplusserver mailplus 접속 수발신 불가능 // mailserver 로 … 댓글+1 shimss@11q.kr 2019.05.05 3837 0
★★★★★성공) u5pvr linux 완전초기화 설치및 mysql apache2 + php5 phpm… 댓글+7 shimss@11q.kr 2017.10.15 9061 0
작업성공) Debian 9.8 GNOME + VMware Tools + Review on VMware Wor… 댓글+12 shimss@11q.kr 2019.02.21 6274 1
시놀로지 도커에 tvheadend 간단 설치및 설정값 저장 입니다 댓글+31 shimss@11q.kr 2019.02.08 13090 0
추천)시놀로지 docker에서 파일공유 편한 droppy 설치 하기 댓글+7 shimss@11q.kr 2018.08.04 7474 0
우분투)18.04 에 tvheadend 설치 windows 10 vmware workstation 15 파… 댓글+27 shimss@11q.kr 2018.12.09 10363 1
설치방법)시놀로지 docker 로 tvheadend 기존 안정 버전으로 초간단히 명령어로 설치하기 댓글+2 shimss@11q.kr 2018.12.02 5182 5
up성공) 사진 갤러리 Piwigo 2.9.4 Release Notes 시놀로지 synology 설치 방법… 댓글+22 shimss11q 2017.04.09 13760 0
열람중 최종)그누보드 웨지익 에디터 서머 노트 0.816 적용 대화식 WYSIWYG 편집 include summer… 댓글+8 11qkr 2020.04.12 3163 0
1938 그누보드/아미나빌드 로그인 않됨 및 자동등록 방지 캡차의 숫자가 안보일때 11qkr 04.12 28 0
1937 스킨에러 해결)plugin.video.themoviedb.helperlib.addon.cache use_ca… 11qkr 04.11 38 0
1936 skin update)CarPc-Carbon-Kor_kodi19_11qkr_Ver271_up20210411.… 댓글+2 11qkr 2020.11.22 1241 0
1935 skin up수정)v0412_kodi19_skin.arctic.zephyr.mod-master (1132)_… 11qkr 04.10 95 0
1934 kodi 한글 추천 나눔고딕 폰트 utf-8 테이블 및 한자 일본어 폰트 특수문자 문자열 폰트 테스트 확… 11qkr 04.09 93 0
1933 kodi 팁)메인홈 메뉴 설정 간단 백업및 복원 파일관리자로 복사하기 11qkr 04.08 71 0
1932 TVHeadend 최신버전으로 누구나 빌드 작업 설치 성공 작업 내용 tvheadend_4.3-1852~… 댓글+17 shimss@11q.kr 2019.08.30 3890 2
1931 존스로더 트랜스코딩 확인) DS918+1.04b dsm v6.2.3 DSM_DS918+_25426_extra… 댓글+53 11qkr 2020.06.08 7084 1
1930 kodi skin update)20210408-1_kodi19_skin.destiny_by_11q.kr.zi… 댓글+40 11qkr 2020.11.20 4208 2
1929 KODI SKIN 수정6) 2021-0410_1_kodi19_skin.eminence.2.mod_by_11q… 댓글+23 11qkr 03.05 844 0
1928 공유용 새창으로/내용수정하기/목록버튼 시작 상단 적당한 위치에 추가 함 댓글+1 11qkr 2020.06.14 1105 0
1927 안드로이 장비에 termux로 epg2xml의 TV채널 방송정보 xmltv.xml 만들기 작업 댓글+3 11qkr 04.07 144 0
1926 ssh server 안드로이드엡으로 설치후 pc에서 연결 11qkr 04.07 29 0
1925 k***e wavve 채널 시청 성공 )GT-KING-PRO에 coreelec docker 설치 조건에 s… 댓글+7 11qkr 2020.06.21 3030 0
1924 termux를 사용하여 Android에서 http 서버 설정 11qkr 04.07 30 0
1923 안드로이드 termux 작업 /gtking pro 설치 작업 // openssh 간단한 접속 댓글+4 11qkr 04.07 109 0
1922 에디트플러스 EditPlus+v4.0.683+_x86x64_+Setup+++Keygen.torrent + 키… 댓글+88 11qkr 2012.01.04 346574 0
1921 18년추석최종선물2) epg2xnl_v126_최종자료 공유및 iptv채널 수정정보 입니다 댓글+182 shimss11q 2018.09.14 34386 11
1920 kodi addon 소개) plugin.video.playlistloaderVersion:1.0.3+matr… 11qkr 04.06 141 0
1919 kodi skin 소개) skin.eminence.2.mod 사용기 댓글+2 11qkr 01.27 476 0
1918 부하가 적은 파일 전송 FlashFXP 을 이용한 nas용 파일전송 백업 ftp 사용방법기 입니다 댓글+5 11qkr 2017.03.19 4517 0
1917 netflix 로그인인증 방법을 고르시오..이메일 로그인 실패 문제 대응 login 안됨 인증키로 로그인 방… 댓글+5 11qkr 2020.09.26 2718 0
1916 kodi 메인화면 Icon 제작 하여 적용하기 11qkr 04.05 83 0
1915 시놀로지 quick connect 설정 과 시놀로지 사이트 내 장치 연결 확인 및 접속 댓글+3 11qkr 04.04 171 0
1914 시놀로지 DSM Version: 6.2.3-25426 Update 3 에서 PHP.INI 수정 홈페이지 첨부… 댓글+1 11qkr 03.11 200 0
1913 20180720_SK-BTV_4K_UHD_11q.kr.7z sk-btv.m3u 전체널 시청 점검 확인 저장… 댓글+172 shimss@11q.kr 2018.07.20 252420 6
1912 시놀로지 재부팅 후 접속 되지 않을시 강제 부팅하는 reboot 방법 11qkr 04.03 50 0
1911 작업중)iptime entware 설치 작업 이전에 설치되었는데 오늘 다시 작업 하니 설치가 되지 않네요 11qkr 04.03 173 0
1910 성공)synoboot-ds918_Juns_Mod_v1.04b 작업 테스트 _DSM Version: 6.2.1… 댓글+33 shimss11q 2018.10.21 15605 0

11.Nas_BBS_s11 


PHP 안에 HTML ☞ 방문 시간은 2021-04-13 06:57:32 입니다.
☞ Server uptime /volume1/web/g5s/thema/Basic/side/shimss_basic-side.php:69: string(68) " 06:57:32 up 1 day, 6:15, 0 users, load average: 0.29, 0.35, 0.27"
Category
State
  • 현재 접속자2 143 명
  • 신규 가입자 1 명
  • 오늘 방문자 733 명
  • 어제 방문자 1,402 명
  • 최대 방문자 8,153 명
  • 전체 방문자 2,587,608 명
  • 전체 게시물 5,883 개
  • 전체 댓글수 18,890 개
  • 전체 회원수 7,835 명

☞ Your IP : 34.204.185.54

☞ Your Mac : entries

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