네이버 smarteditor 사용법

https://github.com/naver/smarteditor2

 

요기로 접속 후 zip 파일로 다운로드

 

압축을 푼후 우리는 dist 밑에 있는 파일들을 원하는 위치 에 옮깁니다.

모두 옮기셔야합니다.

 

그 후 dist 폴더 이름을 smarteditor 로 바꿔주세요.(알아보기좋게)

 

sevice 폴더 밑에 HuskyEZCreator.js 요파일이 있는데 smarteditor/js 로 옮겨주세요..

(굳이 안옮기셔도 되는데 저는 옮겼습니다!!)

 

우리가 스마트 에디터가 import 되어야될 페이지에

 

<script type="text/javascript" src="/js/jquery-1.11.3.min.js"></script>

<script type="text/javascript" charset="utf-8" src="/smarteditor/js/HuskyEZCreator.js"></script>

 

 

요렇게 해주세요 script 를 참조해주세용

 

그후 스크립트를 이렇게 짜주시면 됩니다.

 

//전역변수

var editor_object = [];

 

//스마트 에디터 생성 함수

        nhn.husky.EZCreator.createInIFrame({

          oAppRef : editor_object,

          elPlaceHolder : "newContents", // newContents 는 스마트에디터가 추가될 텍스트 에어리어

          sSkinURI : "/smarteditor/SmartEditor2Skin.html",

          htParams : {

            // 툴바 사용 여부 (true:사용/ false:사용하지 않음)

            bUseToolbar : true,

            // 입력창 크기 조절바 사용 여부 (true:사용/ false:사용하지 않음)

            bUseVerticalResizer : false,

            // 모드 탭(Editor | HTML | TEXT) 사용 여부 (true:사용/ false:사용하지 않음)

            bUseModeChanger : false,

          }

        });

 

     

      function goSaveAndSubmit(){

        //newContents 테스트 에어리어의 value로 내용 담아주는 함수

        editor_object.getById["newContents"].exec("UPDATE_CONTENTS_FIELD",[]);

        $('#tx_editor_form').submit();

      }

 

 

이렇게 이용하시면됩니다.

참조 링크 : http://lux.cuenet.kr/45

저는 정리를 못하니... 참조링크에서 보세요 참 쉽게 되어있습니다!!