테스트 사이트 - 개발 중인 베타 버전입니다

스마트에디터 채택완료

히어1 11년 전 조회 5,303

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

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

 

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

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

답변 1개

채택된 답변
+20 포인트

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

 

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

 

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

 

폼페이지에 

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

 

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

 

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

 

</p><p><script type="text/javascript"></p><p>var oEditors = [];</p><p> </p><p>nhn.husky.EZCreator.createInIFrame({</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>oAppRef: oEditors,</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>elPlaceHolder: "텍스트아레아",</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>sSkinURI: "스마트에디터경로/SmartEditor2Skin.html",<span class="Apple-tab-span" style="white-space:pre">	</span></p><p><span class="Apple-tab-span" style="white-space:pre">	</span>htParams : {</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>bUseToolbar : true,</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>bUseVerticalResizer : true,</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>bUseModeChanger : true,</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>fOnBeforeUnload : function(){</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>}</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>},</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>fOnAppLoad : function(){</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>},</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>fCreator: "createSEditor2"</p><p>});</p><p> </p><p>function pasteHTML() {</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>var sHTML = "<span style='color:#FF0000;'>이미지도 같은 방식으로 삽입합니다.<\/span>";</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>oEditors.getById["텍스트아레아"].exec("PASTE_HTML", [sHTML]);</p><p>}</p><p> </p><p>function showHTML() {</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>var sHTML = oEditors.getById["텍스트아레아"].getIR();</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>alert(sHTML);</p><p>}</p><p><span class="Apple-tab-span" style="white-space:pre">	</span></p><p>function submitContents(elClickedObj) {</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>oEditors.getById["텍스트아레아"].exec("UPDATE_CONTENTS_FIELD", []);</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>try {</p><p><span class="Apple-tab-span" style="white-space:pre">		</span>elClickedObj.form.submit();</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>} catch(e) {}</p><p>}</p><p> </p><p>function setDefaultFont() {</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>var sDefaultFont = '궁서';</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>var nFontSize = 24;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>oEditors.getById["텍스트아레아"].setDefaultFont(sDefaultFont, nFontSize);</p><p>}</p><p>oEditors.getById["텍스트아레아"].exec("UPDATE_CONTENTS_FIELD", []);</p><p></script> </p><p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

드래곤된다
11년 전
한글로 텍스트아레아는 내용 작성할 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값 추가하셔서 게시판이나 사용자등등 아이디로 구분해서 할수 있어요~

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

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

로그인