[SmartEditor 2.8] 그누보드5 에디터를 일반html에서 사용하기 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

2018-12-17 12:55
  . SmartEditor2 의 HuskyEXCreator.js 위치가 5.2.9 부터 service 폴더가 추가되고 그 하위로 변경되었습니다.


그누보드5에 탑재된 SmartEditor2 를 일반 HTML에서 사용하는 방법입니다.
<... 사진등록은 안됩니다. 향후 방법을 찾으면 내용 추가하겠습니다. ... >


<link href="<?php echo G5_EDITOR_URL; ?>/smarteditor2/css/smart_editor2.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<?php echo G5_EDITOR_URL; ?>/smarteditor2/js/<?php if (G5_GNUBOARD_VER>'5.2.8') { echo "service/"; } ?>HuskyEZCreator.js" charset="utf-8"></script>
<form name="폼네임" method="post" action="ok.html" enctype="multipart/form-data" onSubmit="return chkForm(this)">
<textarea name="memo" id="아이디" style="width:100%; height:400px"></textarea>
<input type="submit" value="글쓰기" name="submit">
</form>

<script>
var oEditors = [];
nhn.husky.EZCreator.createInIFrame({
    oAppRef: oEditors,
    elPlaceHolder: "아이디",
    sSkinURI: "<?php echo G5_EDITOR_URL; ?>/smarteditor2/SmartEditor2Skin.html",
    fCreator: "createSEditorInIFrame"
});

function chkForm(f) {
    var f = document.폼네임;
    oEditors[0].exec("UPDATE_CONTENTS_FIELD", []); 
 
    f.아이디.value = document.getElementById("아이디").value;
    f.submit();
}
</script>


참고자료
http://jindo.dev.naver.com/smarteditor/user_guide/
http://baraem2005.blog.me/20190013377
http://codeigniter-kr.org/bbs/view/tip?idx=8032