Naver SamrtEditor2(네이버 스마트에디터2) 사용법

 

se2.zip

 

 

첨부파일을 다운로드 받아서 webapp/res 폴더 아래에 압축을 푼다.

 

init.js 는 스마트 에디터실행시 초기화 하는 코드이다.

 

나머지 파일은 스마트 에디터 기본 파일이다.

 

이후 .jsp 파일에

 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">

</script>

와 같은 제이쿼리 CDN이나 파일 경로를 추가한다.(스마트 에디터가 제이쿼리를 사용하기 때문)

 

<script src="/프로젝트명/res/se2/js/HuskyEZCreator.js" type="text/javascript">

</script>
<script src="/프로젝트명/res/se2/init.js" type="text/javascript"></script>
도 추가해준다.

 

 

스마트에디터는 <textarea>태그를 통해 사용할 수 있는데, 아래와 같은 규칙을 따라야 한다.

 

<style>
  textarea { width: 95%; height: 600px; }
</style>

<textarea id="body" name="body" class="smarteditor2"></textarea>

 

style태그에서는 크기를 원하는 만큼 적용해주면 되고, textarea태그에서는 id와 name값을 적어줘야 한다. name값은 서버에서 request parameter로 받아줘야 한다.

 

그리고 class값은 smarteditor2 여야 한다.