| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>네이버 :: Smart Editor 2 ™</title>
- <script type="text/javascript" src="./js/HuskyEZCreator.js" charset="utf-8"></script>
- </head>
- <body>
- <form action="sample.php" method="post">
- <textarea name="ir1" id="ir1" rows="10" cols="100" style="width:766px; height:412px; display:none;"></textarea>
- <!--textarea name="ir1" id="ir1" rows="10" cols="100" style="width:100%; height:412px; min-width:610px; display:none;"></textarea-->
- <p>
- <input type="button" onclick="pasteHTML();" value="본문에 내용 넣기" />
- <input type="button" onclick="showHTML();" value="본문 내용 가져오기" />
- <input type="button" onclick="submitContents(this);" value="서버로 내용 전송" />
- <input type="button" onclick="setDefaultFont();" value="기본 폰트 지정하기 (궁서_24)" />
- </p>
- </form>
- <script type="text/javascript">
- var oEditors = [];
- // 추가 글꼴 목록
- //var aAdditionalFontSet = [["MS UI Gothic", "MS UI Gothic"], ["Comic Sans MS", "Comic Sans MS"],["TEST","TEST"]];
- nhn.husky.EZCreator.createInIFrame({
- oAppRef: oEditors,
- elPlaceHolder: "ir1",
- sSkinURI: "SmartEditor2Skin.html",
- htParams : {
- bUseToolbar : true, // 툴바 사용 여부 (true:사용/ false:사용하지 않음)
- bUseVerticalResizer : true, // 입력창 크기 조절바 사용 여부 (true:사용/ false:사용하지 않음)
- bUseModeChanger : true, // 모드 탭(Editor | HTML | TEXT) 사용 여부 (true:사용/ false:사용하지 않음)
- //aAdditionalFontList : aAdditionalFontSet, // 추가 글꼴 목록
- fOnBeforeUnload : function(){
- //alert("완료!");
- }
- }, //boolean
- fOnAppLoad : function(){
- //예제 코드
- //oEditors.getById["ir1"].exec("PASTE_HTML", ["로딩이 완료된 후에 본문에 삽입되는 text입니다."]);
- },
- fCreator: "createSEditor2"
- });
- function pasteHTML() {
- var sHTML = "<span style='color:#FF0000;'>이미지도 같은 방식으로 삽입합니다.<\/span>";
- oEditors.getById["ir1"].exec("PASTE_HTML", [sHTML]);
- }
- function showHTML() {
- var sHTML = oEditors.getById["ir1"].getIR();
- alert(sHTML);
- }
-
- function submitContents(elClickedObj) {
- oEditors.getById["ir1"].exec("UPDATE_CONTENTS_FIELD", []); // 에디터의 내용이 textarea에 적용됩니다.
-
- // 에디터의 내용에 대한 값 검증은 이곳에서 document.getElementById("ir1").value를 이용해서 처리하면 됩니다.
-
- try {
- elClickedObj.form.submit();
- } catch(e) {}
- }
- function setDefaultFont() {
- var sDefaultFont = '궁서';
- var nFontSize = 24;
- oEditors.getById["ir1"].setDefaultFont(sDefaultFont, nFontSize);
- }
- </script>
- </body>
- </html>
|