스마트에디터
본문
그누5에 기본 적용된 스마트 에디터를 그누4로 이식해볼까하는데.......
솔직히 네이버는 싫지만 사람들이 워낙 익숙해지다보니 ㅡ,.ㅡ;;;;;;
혹시 먼저 이식성공하신분들중에 조언이라도 해주실분.......
답변 1
그누 4에 적용한건 아니지만 스마트에디터 적용하기 엄청 쉬워요 ㅎ
일단 네이버개발자에서 스마트에디터 다운받으시고요.
거기에 설명도 다 나와있지만 넣을거 알려드릴께요.
폼페이지에
<script type="text/javascript" src="스마트에디터경로/js/HuskyEZCreador.js" charset="케릭터셋"></script>
이걸 컨텐츠 작성 박스로 사용할 textarea위에 넣어주세요.
스크립트 링크니깐 최상단 헤더에 넣어주시는게 이쁘겠죠 ^^?
<script type="text/javascript">
var oEditors = [];
nhn.husky.EZCreator.createInIFrame({
oAppRef: oEditors,
elPlaceHolder: "텍스트아레아",
sSkinURI: "스마트에디터경로/SmartEditor2Skin.html",
htParams : {
bUseToolbar : true,
bUseVerticalResizer : true,
bUseModeChanger : true,
fOnBeforeUnload : function(){
}
},
fOnAppLoad : function(){
},
fCreator: "createSEditor2"
});
function pasteHTML() {
var sHTML = "<span style='color:#FF0000;'>이미지도 같은 방식으로 삽입합니다.<\/span>";
oEditors.getById["텍스트아레아"].exec("PASTE_HTML", [sHTML]);
}
function showHTML() {
var sHTML = oEditors.getById["텍스트아레아"].getIR();
alert(sHTML);
}
function submitContents(elClickedObj) {
oEditors.getById["텍스트아레아"].exec("UPDATE_CONTENTS_FIELD", []);
try {
elClickedObj.form.submit();
} catch(e) {}
}
function setDefaultFont() {
var sDefaultFont = '궁서';
var nFontSize = 24;
oEditors.getById["텍스트아레아"].setDefaultFont(sDefaultFont, nFontSize);
}
oEditors.getById["텍스트아레아"].exec("UPDATE_CONTENTS_FIELD", []);
</script>
한글로 텍스트아레아는 내용 작성할 textarea에요. id, class, name 다 똑같이 해주시는게 좋아요~
그리고 에디터에서 사진첨부할때 저장할 이름을 수정해주시는게 좋아요.
기본적으로는 /스마트에디터경로/upload/ 밑에 파일명 그대로 저장해서 겹치는 파일명이면 덮어씌우기가 되거든요.
이 수정은 /스마트에디터경로/photo_uploader/popup/file_uploader.php와 file_uploader_html5.php에서 move_uploaded_file전에 정해주시면 되고요.
사진첨부 팝업띄우는건 /스마트에디터경로/photo_uploader/plugin/hp_SE2M_AttachQuickPhoto.js에서 makePopupURL를 검색하시면 sPopupUrl로 띄워줘요. 거기에 get값 추가하셔서 게시판이나 사용자등등 아이디로 구분해서 할수 있어요~
답변을 작성하시기 전에 로그인 해주세요.