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,674 / 54 Page
    [ 추천● 작업성공[Docker추천-14] GPS위치 추적 traccar서버 사용방법및 ] 댓글 10

    ● 작업)[Docker추천-14] GPS위치 추적traccar서버 사용방법및 트래커 이동경로보고서 마커표시 이동경로 확인하기 무료위치추적. 구글…

    [ ● 시놀로지 포토스테이션 사진 폴더 DSM7 photo에 사진 초기 설정 추가 하기 ]

    ● 시놀로지 포토스테이션 사진 폴더 DSM7 photo에 사진 초기 설정 추가 하기dsm7에서 사진 관리 방법을 정리 합니다 기본 초기 설치후 …

    [ ● 작업준비)Synology에서 기본인증서는 유료,기타 활용 멀티인증서 사용 ]

    ● 작업준비)Synology에서 기본인증서는 유료,기타 활용 멀티인증서 사용https://svrforum.com/nas/372241letsenc…

    [ ● syncthing 으로 사진관리 자동백업 설정 재설정 재연결 작업 synology NAS간편 스마트폰 사… ]

    ● syncthing 으로 사진관리 자동백업 설정 재설정 재연결 작업 synology NAS간편 스마트폰 사진 백업- 가장빨리 백업및 pc에서 …

    [ 최신글(latest)확장! 내맘대로 다양하게 뽑기 ]

    [공통] 최신글(latest)확장! 내맘대로 다양하게 뽑기? (최신, 랜덤, 추천, hit, comment)\r\nby 운영자(220.♡.58.…

    [ Synology NAS DS710+ 1년간의 사용기 ]

    ◎ 네이버에서 [https://11q.kr 홈피] 검색 찾아오세요 ◎http://blog.pointbre.com/3545/synology-nas…

    [ 무료 웹하드_웹하드 솔루션 'AMS-반디' 체험판 무료 다운로드 ]

    기능제한은 없으며, 최대 5명까지 계정(ID) 등록 및 사용이 가능합니다. ID 공유를 통해 소규모 그룹, 조직에서 사용 가능할거라 생각합니다.…

    [ 코멘트 작성/수정/게시판수정/작성시 관리자로 메일 발 ]

    \r\n\r\n\r\n제목\r\n코멘트 작성/수정/게시판수정/작성시 관리자로 메일 발\r\n\r\n\r\n\r\n게시자\r\n11q.kr관리자\…

    [ 배추 빌더 쓸만 합니다 ] 댓글 1

    배추 빌더 쓸만 합니다글쓴이 :심봉사날짜 :2012-09-04 (화) 08:36조회 :4글주소 :http://mwt.so/0Bam3https:/…

    [ DTD설정 및 불당썸 설치 ]

    1. 일단 board/skin/latest/ 에 업로드 하는게 맞습니다. 2. DTD를 설정하시려면 head.sub.php 파일의 <hea…

    [ 림스모바일빌더에서 게시글이 삭제가 되지 않습니다 ] 댓글 1

    림스모바일빌더에서 게시글이 삭제가 되지 않습니다 2.3.1 최종 버전을 사용 하고 아래와같이 설정 하고 https://11q.kr/web/m/v…

    [ phpMyAdmin으로 MySQL DB 백업해서 옮기기 :: 글걸이 ]

    \r\n\r\n\r\nphpMyAdmin으로 MySQL DB 백업해서 옮기기 :: 글걸이‎ - 2009년 6월 12일 \r\n\r\n\r\n\r…

    [ 해당 증상은 익스플로러의 호환성 보기 기능이 활성화되어 있어서 나타나는 증상입니다. ]

    해당 증상은 익스플로러의 호환성 보기 기능이 활성화되어 있어서 나타나는 증상입니다.\r\nhead.sub.php 36 라인 <!-- <…

    [ 배추빌더 라이트 lite 최신글2 메인초기 index에 new글 나오게 하기 ]

    배추빌더 라이트 lite 최신글2 메인초기 index에 new글 나오게 하기<!-- 전체 최신글 보여주기 new2.php관련 파일 수정 i…


    ♥간단_메모글♥


    최근글


    새댓글



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

    오늘의 홈 현황


    • 현재 접속자♨ 323 명
    • 오늘 가입자※ 1 명
    • 어제 가입자※ 2 명
    • 주간 가입자※ 21 명
    • 오늘 방문자 1,303 명
    • 어제 방문자 1,853 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,382,943 명
    • 전체 게시물※ 8,640 개
    • 전체 댓글수※ 24,743 개
    • 전체 회원수 11,052 명

    QR코드


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

    알림 0








    최신글↑