네이버스마트에디터 연동작업

안녕하세요 ~ pm1122dev 입니다. ㅎ 오늘은 네이버 스마트에디터에 연동하는 작업에 대해서 설명해드리려고 합니다. 

에디터는 ckeditor, tinymice, 네이버스마트에디터 등 여러개가있는데 보통 저 3개를 많이 사용합니다. 사용방법은 각 공식 홈페이지가면 내용이 나와있는데 영어로 되어있지만 그닥..어

렵........지않아요. 영어를 모르면 sample을 보면되죠뭐 하하하하하하하 저도 잘 못합니다. 네이버는 한글로 되어있지만.. 너무 옛날거라 솔직히 전 이해를 못했습니다. 

네이버에서 나온 가이드를 도통 업데이트를 안해서 솔직히 비추입니다. 

se2.zip

제가올린 파일을 다운로드 받으시고 압축을 푸시면 아래처럼 보이실 겁니다. 

 이제 로컬호스트에서 작업을 할건데요 제가 로컬호스트는 따로 설명을 드린적이 없어서.. 서버가 있으신분들은 작업후 서버에 올리셔서 잘 되는지 확인해 보시면 됩니다. 

로컬호스트에 대한 부분은 구글링을 하면 많이 나옵니다! 저는 bitnami를 사용하고 있고 apm을 설치해서 사용하셔도 됩니다. 

비트나미를 기준으로 설명을 드리자면 C:\Bitnami\wampstack-5.6.24-0\apache2\htdocs 보통 경로가 이렇게 되어있습니다. 저기에 html파일을 하나 만들어 주시면 됩니다.

물론 html뿐아니라 php등 다 사용하셔도됩니다. 

저는 smarteditor.html이라는 파일을 만들었습니다. 

smarteditor.html파일을 들여다 보면

이렇게 작성하신후에 localhost 및 본인의 서버에서 확인을 해 보시면 !

이렇게 나오게 됩니다. 물론 저건 가장 기본적인 방법입니다. 저것만으로 끝이면 사실 참 좋겠죠.. 업로드도 디비 연결해서 해야하고 

또 하나의 에디터가 아닌 for문으로 작업하여 2개 이상의 에디터 작성도 있고 하지만 기본적인 방법만 알면 나머지도 다 응용해서 가능한 것이니 연습해보신후에 

변경해 나가시면 될것 같습니다~~