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.
78 lines
3.0 KiB
78 lines
3.0 KiB
<!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/service/HuskyEZCreator.js" charset="utf-8"></script>
|
|
</head>
|
|
<body>
|
|
<form action="sample/viewer/index.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 sLang = "ko_KR"; // 언어 (ko_KR/ en_US/ ja_JP/ zh_CN/ zh_TW), default = ko_KR
|
|
|
|
// 추가 글꼴 목록
|
|
//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:사용하지 않음)
|
|
//bSkipXssFilter : true, // client-side xss filter 무시 여부 (true:사용하지 않음 / 그외:사용)
|
|
//aAdditionalFontList : aAdditionalFontSet, // 추가 글꼴 목록
|
|
fOnBeforeUnload : function(){
|
|
//alert("완료!");
|
|
},
|
|
I18N_LOCALE : sLang
|
|
}, //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>
|