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,675 / 54 Page
    [ ● 추천)Piwigo 11.5.0 버전 시놀로지서버에 Photo 사진관리 sw 설치 작업 ] 댓글 2

    ●Piwigo 11.5.0 버전 시놀로지서버에 Photo 사진관리 sw 설치 작업 1> 썸네일 작업이 필요 없다2> 파일 업로드 간편…

    [ ● 정보) esxi에 vib파일로 된 드라이버 설치방법. ]

    ●esxi에 vib파일로 된 드라이버 설치방법.파일이름이 driver.vib 라고 할 경우..1. web에서ESXi 접속2. 유지보수 모드로 변…

    [ ● img vmdk 마운트 수정하기 )헤놀로지 RedPill tinyCore 만능부트로더 for Native… ] 댓글 1

    ● img vmdk 마운트 수정하기 )헤놀로지 RedPill tinyCore 만능부트로더 for Native img 적용파일 수정하기헤놀로지 R…

    [ ● 시놀로지 알림 설정으로 이밴트 카톡으로 받기 지메일/카카오메일 설정하기 ]

    ● 시놀로지 알림 설정으로 이밴트 카톡으로 받기 (1) 이밴트에 지메일 설정 > 이메일 수신 테스트 설정입니다(2) 구글 이메일 2단계 인…

    [ ●●● dsm 7.1빌드작업 esxi 서버의 tinycore 에 myv.sh 적용하여 랜인식을 위한 수… ] 댓글 20

    ● dsm 7.1빌드작업 esxi 서버의 tinycore 에 myv.sh 적용하여 랜인식을 위한 수정작업 boot loader updated:\…

    [ ● android-studio-2021.2.1.14-windows.exe 설치작업 ]

    ●android-studio-2021.2.1.14-windows.exe 설치작업android-studio 검색 다운로드 exe 파일 다운로드 합…

    [ ● Amcrest 카메라를 시놀로지 NAS에 설정하는 방법 ]

    ●Amcrest카메라를시놀로지NAS에 설정하는 방법 정보출처:https://support.amcrest.com/hc/en-us/articles/…

    [ ● ubuntu 설치된 패키지 apt-clone 저장 백업 복원하기 ]

    ● ubuntu 설치된 패키지apt-clone 저장 백업 복원하기Apt-clone, Ubuntu에 설치된 패키지 복제https://github.…

    [ ● [가비아 매뉴얼] DNS 레코드 설정하기 SSL인증서 cafe24 사용기 및 주의요함 ]

    ●[가비아 매뉴얼] DNS 레코드 설정하기 SSL인증서 cafe24 사용기 어려운 DNS 인지 무료인증서 사용하다 주당 5회 인증서 생성하니 문…

    [ ★★ DSM 7.2.1 UP) 새로운 레드필 로더 ARPL(Automated Redpill Loader)로… ] 댓글 16

    ★★ DSM 7.2.1 UP) 새로운 레드필 로더 ARPL(Automated Redpill Loader)로 빌드하기 강력 추천 dsm 7.2.1…

    [ 시놀리지 SYNOLOGY NAS DS-712+ 공구 하고 싶다 ]

    ◎ 네이버에서 [https://11q.kr 홈피] 검색 찾아오세요 ◎시놀리지 SYNOLOGY NAS DS-712+ 공구 하고 싶다- 공구 기간 …

    [ 보안FTP DS접속하기 ]

    ♥\r\n\r\n\r\n\r\n◎ 네이버에서 [https://11q.kr 홈피] 검색 찾아오세요 ◎ \n[이 게시물은 홈피관리자님에 의해 201…

    [ Posts in category 빌더리뷰 ]

    Posts in category 빌더리뷰\r\nhttp://blog.gnuboard.org/category/analysis/review-buil…

    [ pda/m에서 글쓰기 ]

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

    [ 배추 라이트 좌측메뉴를 하단에 가로로 만들고싶어요 ]

    \r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n그게아니구 좌측메뉴를 하단에 가로로 만들고싶어요 마이위트 하단에 사이트맵처럼요 \r\n…

    [ Jquery 이용해서 동영상 게시판 만들기~ ]

    . . Shims HomePage [https://11q.kr 홈피] .\r\nJquery 이용해서 동영상 게시판 만들기~ \n[이 게시물은 관…


    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-06-26 17:10:38

    오늘의 홈 현황


    • 현재 접속자♨ 818 명
    • 오늘 가입자※ 0 명
    • 어제 가입자※ 2 명
    • 주간 가입자※ 8 명
    • 오늘 방문자 2,021 명
    • 어제 방문자 2,051 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,396,628 명
    • 전체 게시물※ 8,655 개
    • 전체 댓글수※ 24,772 개
    • 전체 회원수 11,068 명

    QR코드


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

    알림 0








    최신글↑