네이버 스마트에디터2.0(SmartEditor2.0) 이미지 업로드 기능
1. js/SE2B_imgupload.js 업로드
2. imgupload.php, upload.php 업로드 (이 파일은 서버 프로그램에 맞게 수정이 필요함)
3. img/btn_layer_confirm.gif, img/btn_layer_cancel.gif 파일 업로드
4. SmartEditor2Skin.html 파일을 아래와 같이 수정
-. 기존의 업로드 플러그인 제거
<script src='quick_photo_uploader/plugin/hp_SE2M_AttachQuickPhoto.js' charset='utf-8'></script> 를 제거 합니다.
-. 다중 업로드 플러그인 추가
<script src='js/SE2B_imgupload.js' charset='utf-8'></script> <!-- 다수의 이미지 업로드를 위해 추가 by lee --> 추가
-. 552라인에 아래 코드 추가
<!-- 이미지삽입 레이어 -->
<div class="layer husky_seditor_imgupload_layer" style="display:none;">
<div class="pic_content1"><iframe src="" id="imgUploadFrame" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="yes" width="100%" height="300"></iframe></div>
</div>
<!-- /이미지삽입 레이어 -->
위와 같이 하시면 이미지 업로드 기능을 구현 할 수 있습니다.
추가로 하이퍼링크시 새창으로 링크를 하는 기능을 구현하시려면
1. SmartEditor2Skin.html 파일을 아래와 같이 수정
-. <script src='js/smarteditor2.min.js' charset='utf-8'></script> 대신
-. <script src='js/smarteditor2.js' charset='utf-8'></script> 로 변경
-. 295번 라인 밑에 아래 코드 추가
-. <p><input name="" id="target" type="checkbox" value="" /><label for="target">새창으로</label></p>
2. js/smarteditor2.js 파일 수정
-. 9641번 라인 주석해제
-. 9812번 라인 주석해제
-. 9813번 라인 주석처리
하시면 됩니다.
본 설명에서 라인 번호는 배포되는 소스 원본을 기준으로 한 숫자입니다.
소스코드가 필요하시다면 데모페이지를 열고 크롬의 요소검사 등을 이용해서 열어보실 수 있습니다.
성공하시길 빕니다.
참고로 에디터를 실제로 넣는 부분을 include 파일로 만들어 두시면
여러 곳에서 에디터를 사용할 수 있게 됩니다. 참고할 수 있도록 view_editor.inc.php 파일도 함께 열어 드립니다.
본 설명에서 제공하는 php 프로그램 파일은 설명을 돕기위해 제공되는 파일이므로 에디터와 관련된 부분만 참고하세요.
데모는 본 홈페이지 : http://sitecook.kr/ab-1654100 에서 확인하세요.
설명의 기준이 되는 버전 다운로드 : http://www.dev.naver.com/projects/smarteditor/download/note/4074
