SmartEditor2.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>네이버 :: Smart Editor 2 &#8482;</title>
  6. <script type="text/javascript" src="./js/HuskyEZCreator.js" charset="utf-8"></script>
  7. </head>
  8. <body>
  9. <form action="sample.php" method="post">
  10. <textarea name="ir1" id="ir1" rows="10" cols="100" style="width:766px; height:412px; display:none;"></textarea>
  11. <!--textarea name="ir1" id="ir1" rows="10" cols="100" style="width:100%; height:412px; min-width:610px; display:none;"></textarea-->
  12. <p>
  13. <input type="button" onclick="pasteHTML();" value="본문에 내용 넣기" />
  14. <input type="button" onclick="showHTML();" value="본문 내용 가져오기" />
  15. <input type="button" onclick="submitContents(this);" value="서버로 내용 전송" />
  16. <input type="button" onclick="setDefaultFont();" value="기본 폰트 지정하기 (궁서_24)" />
  17. </p>
  18. </form>
  19. <script type="text/javascript">
  20. var oEditors = [];
  21. // 추가 글꼴 목록
  22. //var aAdditionalFontSet = [["MS UI Gothic", "MS UI Gothic"], ["Comic Sans MS", "Comic Sans MS"],["TEST","TEST"]];
  23. nhn.husky.EZCreator.createInIFrame({
  24. oAppRef: oEditors,
  25. elPlaceHolder: "ir1",
  26. sSkinURI: "SmartEditor2Skin.html",
  27. htParams : {
  28. bUseToolbar : true, // 툴바 사용 여부 (true:사용/ false:사용하지 않음)
  29. bUseVerticalResizer : true, // 입력창 크기 조절바 사용 여부 (true:사용/ false:사용하지 않음)
  30. bUseModeChanger : true, // 모드 탭(Editor | HTML | TEXT) 사용 여부 (true:사용/ false:사용하지 않음)
  31. //aAdditionalFontList : aAdditionalFontSet, // 추가 글꼴 목록
  32. fOnBeforeUnload : function(){
  33. //alert("완료!");
  34. }
  35. }, //boolean
  36. fOnAppLoad : function(){
  37. //예제 코드
  38. //oEditors.getById["ir1"].exec("PASTE_HTML", ["로딩이 완료된 후에 본문에 삽입되는 text입니다."]);
  39. },
  40. fCreator: "createSEditor2"
  41. });
  42. function pasteHTML() {
  43. var sHTML = "<span style='color:#FF0000;'>이미지도 같은 방식으로 삽입합니다.<\/span>";
  44. oEditors.getById["ir1"].exec("PASTE_HTML", [sHTML]);
  45. }
  46. function showHTML() {
  47. var sHTML = oEditors.getById["ir1"].getIR();
  48. alert(sHTML);
  49. }
  50. function submitContents(elClickedObj) {
  51. oEditors.getById["ir1"].exec("UPDATE_CONTENTS_FIELD", []); // 에디터의 내용이 textarea에 적용됩니다.
  52. // 에디터의 내용에 대한 값 검증은 이곳에서 document.getElementById("ir1").value를 이용해서 처리하면 됩니다.
  53. try {
  54. elClickedObj.form.submit();
  55. } catch(e) {}
  56. }
  57. function setDefaultFont() {
  58. var sDefaultFont = '궁서';
  59. var nFontSize = 24;
  60. oEditors.getById["ir1"].setDefaultFont(sDefaultFont, nFontSize);
  61. }
  62. </script>
  63. </body>
  64. </html>