php 네이버 스마트 에디터 개발

보통 게시판에 글을  쓸 때 위지윅 형태의 글을 쓴다.

이를 가능하게 해주는 오픈 소스 중  네이버의 스마트에디터이다. 

http://dev.naver.com/projects/smarteditor

가서 파일을 다운로드 받는다.

1. upload폴더를 만들고 파일권한(퍼미션)을 777로 준다.

2. write 페이지에 SmartEditor2에 파일에 있는 스크립트 삽입 소스와, 하단에 있는 스크립트 영역을 복사해서 붙여 넣는다.

3. 전송 버튼 클릭시 submitContents 함수를 호출되게 onclick을 걸어둔다.

(SmartEditor2에 서버로 전송이라고 되어 있는 버튼 부분에 onclick이 있다.)

입력 검증을 할 때는 

submitContents(elClickedObj) 안에서 조건문을 써주면 되는데

내용을 입력하지 않아도 자동으로 디비에 <br>로 들어가기 때문에 

document.getElementById("ir1").value==="<br>" 이렇게 검증을 해줘야한다.

4. file_uploader_html5.php, file_uploader.php에 sFileURL,$uploadDir을 파일 업로드 경로에 맞게 수정한다.

5. 글쓰기를 처리하는 페이지에서 쌍따옴표 제거, 백슬레시를 제거 한다.

DB에는 html 태그 형태로 들어간다.

추가적으로 모듈을 개발하여 아이콘을 넣는 방법은 사이트에 가서 참고하거나 가이드 라인 문서를 참고해보면 될 듯하다.