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 / 11 Page
    [ hyperlink(하이퍼링크)에 관한 설명 ]

    hyperlink(하이퍼링크)에 관한 설명 \r\n\r\nhttp://ektha307.com.ne.kr/TAG/tag6/tag6_9.html#\…

    [ [라이트] 배추라이트 왼편 로그인, 서브, 설문을 오른쪽에 배치하기 ]

    \r\n\r\n\r\n[라이트]\r\n배추라이트 왼편 로그인, 서브, 설문을 오른쪽에 배치하기\r\n\r\n\r\n\r\n글쓴이 :사노라가노라날…

    [ [팁] MySQL 테이블 에러 해결 방법 ]

    \r\n[팁] MySQL 테이블 에러 해결 방\r\n\r\n\r\n요며칠 개인적인 용도로 운영중인 서버가 말썽을 부렸습니다.바쁘다는 핑계로 서버…

    [ 아미나 모바일에서 글 수정시 html 태그 없애고 저장 하기 ]

    .림스 모바일 부분 내용 참조 추가부분 \r\n. Shims HomePage [https://11q.kr 홈피] .\r\n\r\n\r\n\r\n…

    [ 디지털시계 홈피 추가 ]

    \r\n\r\n\r\n\r\n\r\n\r\n\r\n### ■ https://11q.kr는 정보를 찾아 공유 합니다.. ■ https://11q.…

    [ [1.1] 타이틀 & 배너용 최근글 스킨 ] 댓글 1

    \r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\…

    [ 림스모바일에 최신글 new.php 추가 하기 ] 댓글 1

    bbs/new.phpskin/new/basic/new.skin.php폴더에 넣고bbs/new.php를 링크추가 사용하세요https://11q.k…

    [ 백수건달 소스 html 삽입 배추게시판 gediter ] 댓글 1

    백수건달 소스 html 삽입\r\n\r\n\n\n[이 게시물은 관리자님에 의해 2013-06-10 21:06:36 21.PC_BBS에서 이동 됨…

    [ [홈피up/g4s] g4s와 아미나테마v3를 이용 그룹 자동메뉴 적용 ]

    ###\r\n\r\n■ https://11q.kr는 정보를 찾아 공유 합니다..\r\n■ https://11q.kr\r\n\r\n\r\n아미나테…

    [ 배추 스킨 게시판 진입을 하면 아래와같이 특정게시판만 문제 발생 하여 문의 드립니다 ]

    배추 스킨 게시판 진입을 하면 아래와같이 특정게시판만 문제 발생 하여 문의 드립니다어디를 수정해야 할지 초보자 문의 드립니다\r\n- 사용조건 …

    [ 최종] 마운트하여 2개의 홈피 data 공유 하기 / config file edit dsm5.0 수정 정보… ] 댓글 9

    최종] 마운트하여 2개의 홈피 data 공유 하기\r\n\r\n마운트 하기 최종\r\n터미널 활성화\r\n\r\nPutty 실행\r\n\r\nm…

    [ 림스모바일 2.6.3 ] 댓글 3

    림스모바일 2.6.3..............................\n[이 게시물은 관리자님에 의해 2013-11-17 20:01:01 …

    [ 로그인이 필요한 게시판 이동 m/m/view m/config.php ]

    m/m/view \r\n1) 로그인이 필요한 게시판을 최근 장착?했습니다.\r\n게시물을 볼 권한이 없다하여 로그인을 하니까 로그인이 안 되고 …

    [ V3-Img 최근글 목록 스킨 ..설치참고 ]

    ###V3-Img 최근글 목록 스킨LV 1 eyoom3조회 265그누보드2013.10.27 04:51관련링크 - http://eyoom.me/a…


    ♥간단_메모글♥


    최근글


    새댓글



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

    오늘의 홈 현황


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

    QR코드


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

    알림 0








    최신글↑