글쓰기 form 네이버 오픈소스 스마트 에디터 적용

1. 네이버 스마트 에디터 파일을 다운 받습니다. http://dev.naver.com/projects/smarteditor/

 

 

 

2. 스마트 에디터 압축 푼 폴더를 프로젝트의 적절한 경로에 위치시킵니다.

(저 같은 경우는 resources/하위 디렉토리에 두었음)

 

3. 스마트에디터를 적용할 jsp페이지에 HuskyEZCreator.js 파일(스마트에디터 폴더에 있음)을 포함시켜줍니다.

<script type="text/javascript" src="/resources/js/HuskyEZCreator.js" charset="utf-8"></script>

 

 

 

4. 스마트에디터를 적용할 jsp(VIEW)페이지에 textarea태그 밑에 보이는 스크립트처럼 넣어줍니다.

이때 textarea id와 스크립트 안에 보이는 elplaceHolder라는 객체의 값이 동일해야 합니다.

 

 

 

4. 다 하셨으면 스마트에디터에서 입력한 값을 불러와서 textarea태그의 내용에 집어 넣어야 됩니다.

 

var inputContent = oEditors.getById["board_content"].exec("UPDATE_CONTENTS_FIELD", []);    

//스마트에디터에 쓴 글을 가져오는 스크립트 코드

$('#board_content').val(inputContent);

//제이쿼리로 실제 textarea태그 값에 집어넣음

 

 

 

 

inputContent변수를 alert()찍어보면 값이 제대로 넘어오는지 알수 있습니다.