11.Nas_1


새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사


gnuboard 에서 summernote 에디터 사용 autosave 적용하기

♨ 카랜더 일정 :
  • 링크

  • 첨부

  • 컨텐츠 정보

    본문

    그누보드5 팁자료실

    gnuboard 에서 summernote 에디터 사용 autosave 적용하기

    gnuboard 에서 summernote 에디터 사용 autosave 적용하기

    v:\g5s\js\autosave.js 파일 수정 합니다

    3232235521_62XthAdZ_9cb86f0e1ea01a93fa39aa6a6a83ba2b6519c005.png

    function autosave() {    $("form#fwrite").each(function() {        if(g5_editor != "") {            if (g5_editor.indexOf("ckeditor4") != -1 && typeof(CKEDITOR.instances.wr_content)!="undefined") {                this.wr_content.value = CKEDITOR.instances.wr_content.getData();            // summernote data 설정  } else if (g5_editor.indexOf("summernote") != -1 ) {  this.wr_content.value = $("#wr_content").code(); } // summernote data 설정 

    3232235521_SfgovO6I_e1826f6be218baa60e3636f8be2df953e667ad85.png

      // 임시저장된 글 제목과 내용을 가져와서 제목과 내용 입력박스에 노출해 줌    $(document).on( "click", ".autosave_load", function(){        var $li = $(this).parents("li");        var as_id = $li.data("as_id");        var as_uid = $li.data("uid");        $("#fwrite input[name='uid']").val(as_uid);        $.get(g5_bbs_url+"/ajax.autosaveload.php", {"as_id":as_id}, function(data){            var subject = $(data).find("item").find("subject").text();            var content = $(data).find("item").find("content").text();            $("#wr_subject").val(subject);            if(g5_editor != "") {                if (g5_editor.indexOf("ckeditor4") != -1 && typeof(CKEDITOR.instances.wr_content)!="undefined") {                    CKEDITOR.instances.wr_content.setData(content); // summernote 내용 로드  } else if (g5_editor.indexOf("summernote") != -1 ) {                 $("#wr_content").code(content);  } // summernote 내용 로드 

    3232235521_5mNLudRW_85aa70c9b3fb3e3696a9b3137483b168e52b81bd.png

      


    https://11q.kr/g5s/bbs/board.php?bo_table=s11&wr_id=1717&sfl=wr_subject&stx=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); 
        } 
        ... 
    }

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

    [ 추가 정보 ... 더보기) ]
    뷰PDF 1,2



    office view

    관련자료

    댓글목록

    등록된 댓글이 없습니다.

    목록

    새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사




    Total 1,677 / 11 Page
    [ 아미나 모바일 새로달린 뎃글 html 형식으로 나오는 것 수정 ]

    아미나 모바일 새로달린 댓글 html 형식으로 나오는 최신글 문의\r\n\r\n안녕하세요\r\n\r\n어미나의 도움으로 잘사용하는 사용자 입니다…

    [ 림스모바일 상.하단메뉴 추가 작업926 ]

    .\r\n.\r\nShims HomePage\r\n[https://11q.kr 홈피] \r\n.\n\n[이 게시물은 관리자님에 의해 2013-0…

    [ webftp ] 댓글 1

    .\r\nhttp://www.techmixer.com/build-web-ftp-client-services-with-phpwebftp/\r\n-…

    [ 한글깨짐_자동로그인시처음 한글깨짐1230 ]

    common.php에 문자셋을 추가 해결아마 그누보드 문자셋 초기 설치후 정의하여 사용하면 이상 없음자동로그인 은 아래 링크 참조https://…

    [ 구글애드센스가 필요없으면 html폴더내 title-board.php파일 삭제 ]

    1. 구글애드센스가 필요없으면 html폴더내 title-board.php파일의<div class="main-google-ad">구글 …

    [ foscam_8918 wipcamera manual 메뉴얼 및 설치 사용기 ] 댓글 3

    ip camera를 115000원에 구입 설치기 및 설치 cd입니다 \r\nhttps://11q.kr/shim/bbs/board.php?bo_t…

    [ phpMyAdmin 최신버전으로 업데이트 하기 버전 정보: 4.0.9 (최신버전) ]

    phpMyAdmin 최신버전으로 업데이트 하기 버전 정보: 4.0.9 (최신버전)http://sourceforge.net/###■ https:/…

    [ 시놀로지 diskstation folder 의미 정의 폴더 만들기 개인 홈폴더 정리내용 ]

    시놀로지 diskstation folder 의미 정의 폴더 만들기 개인 홈폴더 정리내용\r\n11q.kr 는 네이버/구글에서 검색 찾아오세요--…

    [ 림스 2.6.3과 아미나 모바일 스킨 레이아웃 2.0.9 설치 기록 ] 댓글 1

    1.아미나 림스스킨/레이아웃을 다운 압축을 m폴더에 복사\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\…

    [ 최종20130505)림스2.5.3모바일 아미나209/220모바일 오리지널 설치후 수정 작업 20130406 … ] 댓글 17

    \r\n============= 완벽한 모바일 홈피 홈페이지를 위하여 ================\r\n1.글쓰기 에러\r\n2.글삭제 에러\…

    [ ip webcam으로 카메라서버 만들어 원격 ]

    ###\r\n스트리밍서버와 안드로이드폰(스마트폰) 연동하여 웹캠으로 원격감시\r\n안드로이드 개발 | 2012.07.10 01:32 목록 크게\…

    [ 문자열 찾기 및 대체하기 ]

    \r\n문자열 찾기 및 대체하기\r\n\r\nPosted on 2013년 3월 22일 by 훼니\r\n\r\n\r\n\r\n문자열 찾기\r\n\…

    [ mysql SSH를 이용하여 DB 백업 ]

    ♠http://cafe.naver.com/synologynas/4903 참조 합니다♠ shimss home 는 https://11q.kr.com…

    [ ipcamera foscam 설정 하기 시놀로지 호환 ipcam/foscam fi8918w 붙이기 ] 댓글 1

    ipcamera foscam 설정 하기 시놀로지 호환 ipcam/foscam fi8918w 붙이기기본적으로 1) 유선 랜 연결 설정 변경 : 유…

    [ dsm6.0 [Synology Nas] Package :: Config File Editor 설정사용 php… ] 댓글 7

    [Synology Nas] Package ::ConfigFileEditor 설정이 패키지는 서버 관련 설정파일 손쉽게 열고 편집할 수 있는 서드…

    [ 시놀로지 공장초기화 444초 진행 리셋버튼 reset 4초 4초후 reset 4초 및 WEB STAT… ]

    링크\r\n기존ds712 에 DSM 6.0 시놀로지가 web station이\r\n홈페이지가 동작 하지 않는다오리지널 시놀로지 공장초기화 444…


    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-06-29 13:13:35

    오늘의 홈 현황


    • 현재 접속자♨ 544 명
    • 오늘 가입자※ 3 명
    • 어제 가입자※ 4 명
    • 주간 가입자※ 8 명
    • 오늘 방문자 1,621 명
    • 어제 방문자 2,007 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,402,783 명
    • 전체 게시물※ 8,663 개
    • 전체 댓글수※ 24,792 개
    • 전체 회원수 11,077 명

    QR코드


    ☞ QR코드 스캔은 kakao앱 자체 QR코드

    알림 0








    최신글↑