채택완료

스마트에디터

2014-07-24 (목) 23:51:32 5,607

그누5에 기본 적용된 스마트 에디터를 그누4로 이식해볼까하는데.......

솔직히 네이버는 싫지만 사람들이 워낙 익숙해지다보니 ㅡ,.ㅡ;;;;;;

혹시 먼저 이식성공하신분들중에 조언이라도 해주실분....... 

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
2014-07-25 (금) 09:50:15

그누 4에 적용한건 아니지만 스마트에디터 적용하기 엄청 쉬워요 ㅎ

일단 네이버개발자에서 스마트에디터 다운받으시고요.

거기에 설명도 다 나와있지만 넣을거 알려드릴께요.

폼페이지에 

Copy
<script type="text/javascript" src="스마트에디터경로/js/HuskyEZCreador.js" charset="케릭터셋"></script>

이걸 컨텐츠 작성 박스로 사용할 textarea위에 넣어주세요.

스크립트 링크니깐 최상단 헤더에 넣어주시는게 이쁘겠죠 ^^?

Copy
<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>

답변에 대한 댓글 1개

2014-07-25 (금) 09:59:55
한글로 텍스트아레아는 내용 작성할 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값 추가하셔서 게시판이나 사용자등등 아이디로 구분해서 할수 있어요~

답변을 작성하려면 로그인이 필요합니다.