You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

77 lines
3.0 KiB

7 years ago
  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/service/HuskyEZCreator.js" charset="utf-8"></script>
  7. </head>
  8. <body>
  9. <form action="sample/viewer/index.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. var sLang = "ko_KR"; // 언어 (ko_KR/ en_US/ ja_JP/ zh_CN/ zh_TW), default = ko_KR
  22. // 추가 글꼴 목록
  23. //var aAdditionalFontSet = [["MS UI Gothic", "MS UI Gothic"], ["Comic Sans MS", "Comic Sans MS"],["TEST","TEST"]];
  24. nhn.husky.EZCreator.createInIFrame({
  25. oAppRef: oEditors,
  26. elPlaceHolder: "ir1",
  27. sSkinURI: "SmartEditor2Skin.html",
  28. htParams : {
  29. bUseToolbar : true, // 툴바 사용 여부 (true:사용/ false:사용하지 않음)
  30. bUseVerticalResizer : true, // 입력창 크기 조절바 사용 여부 (true:사용/ false:사용하지 않음)
  31. bUseModeChanger : true, // 모드 탭(Editor | HTML | TEXT) 사용 여부 (true:사용/ false:사용하지 않음)
  32. //bSkipXssFilter : true, // client-side xss filter 무시 여부 (true:사용하지 않음 / 그외:사용)
  33. //aAdditionalFontList : aAdditionalFontSet, // 추가 글꼴 목록
  34. fOnBeforeUnload : function(){
  35. //alert("완료!");
  36. },
  37. I18N_LOCALE : sLang
  38. }, //boolean
  39. fOnAppLoad : function(){
  40. //예제 코드
  41. //oEditors.getById["ir1"].exec("PASTE_HTML", ["로딩이 완료된 후에 본문에 삽입되는 text입니다."]);
  42. },
  43. fCreator: "createSEditor2"
  44. });
  45. function pasteHTML() {
  46. var sHTML = "<span style='color:#FF0000;'>이미지도 같은 방식으로 삽입합니다.<\/span>";
  47. oEditors.getById["ir1"].exec("PASTE_HTML", [sHTML]);
  48. }
  49. function showHTML() {
  50. var sHTML = oEditors.getById["ir1"].getIR();
  51. alert(sHTML);
  52. }
  53. function submitContents(elClickedObj) {
  54. oEditors.getById["ir1"].exec("UPDATE_CONTENTS_FIELD", []); // 에디터의 내용이 textarea에 적용됩니다.
  55. // 에디터의 내용에 대한 값 검증은 이곳에서 document.getElementById("ir1").value를 이용해서 처리하면 됩니다.
  56. try {
  57. elClickedObj.form.submit();
  58. } catch(e) {}
  59. }
  60. function setDefaultFont() {
  61. var sDefaultFont = '궁서';
  62. var nFontSize = 24;
  63. oEditors.getById["ir1"].setDefaultFont(sDefaultFont, nFontSize);
  64. }
  65. </script>
  66. </body>
  67. </html>