var ie = document.all; function doc() { this.selection = null; this.selection2 = null; this.RestoreSelection = Doc_RestoreSelection; this.SaveSelection = Doc_SaveSelection; this.GetSelection = Doc_GetSelection; } function Doc_RestoreSelection() { if (this.selection) { this.selection.select(); } } function Doc_GetSelection() { var oSel = this.selection; if (!oSel) { oSel = idEdit.document.selection.createRange(); oSel.type = idEdit.document.selection.type; } return oSel; } function Doc_SaveSelection() { cur_doc.selection = idEdit.document.selection.createRange(); cur_doc.selection.type = idEdit.document.selection.type; } function editctrlsize(mode){ if(mode == 1){ editctrl.style.pixelWidth += 60; } else if(mode == 2){ editctrl.style.pixelWidth -= 60; } else if(mode == 3){ editctrl.style.pixelHeight += 60; } else if(mode == 4){ editctrl.style.pixelHeight -= 60; } } function format(what, opt) { if (opt == null) { idEdit.document.execCommand(what); } else { idEdit.document.execCommand(what,"", opt); } cur_doc.selection = null; } var tableTop=''; tableTop+=''; tableTop+=''; tableTop+=''; tableTop+=' '; tableTop+=' '; tableTop+=' '; tableTop+=''; tableTop+=''; tableTop+=' '; tableTop+=' '; tableBottom+=' '; tableBottom+=''; tableBottom+=''; tableBottom+=' '; tableBottom+=' '; tableBottom+=' '; tableBottom+=''; tableBottom+='
'; function tagBottom(flag) { var tableBottom=''; tableBottom+=''; tableBottom+=''; tableBottom+=' '; tableBottom+=''; tableBottom+='
'; tableBottom+=' Close
'; tableBottom+='
'; tableBottom+='
'; tableBottom+=''; return tableBottom; } // 글꼴 var fonttypeHtml=''; fonttypeHtml +=''; fonttypeHtml +=''; fonttypeHtml +=''; fonttypeHtml +=''; fonttypeHtml +=''; fonttypeHtml +=''; fonttypeHtml +=''; fonttypeHtml +=''; fonttypeHtml +=''; fonttypeHtml +='
굴림
돋움
바탕
궁서
Arial
Courier New
Helvetica
Times New Roman
Verdana
'; // 글자크기 var fontsizeHtml=''; fontsizeHtml+='\ \ \ \ \ \ \
가나다AaBbCc (8pt)
가나다AaBbCc (10pt)
가나다AaBbCc (12pt)
가나다AaBbCc (14pt)
가나다AaBbCc (18pt)
가나AaBb (24pt)
가Aa (36pt)
'; // link var linkHtml=''; linkHtml+=" 웹페이지에 URL입력
 (예: http://www.웹주소.com)
"; // table var tableHtml='
'; tableHtml += ""; for(var i=0; i < 10; i++){ tableHtml += ""; for(var j=0; j < 10; j++){ tableHtml += ""; } tableHtml += ""; } tableHtml += "
"; tableHtml += "
"; tableHtml += "		"; tableHtml+="
" + "" + " " + " " + " " + " " + " " + " " + " " + " " + " " + "
행:
열:
속성:
넓이:" + " " + "
"; tableHtml += "
"; // 특수문자자 var spcharHtml=''; spcharHtml+='\ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \
▨▧▦▥□←→↑↓↔
◀▶▲▼▷◁△▽『』
♥♡★☆☞☜♨♩♪♬
◐◑◆◇♠♣♧￡￥€
※∴♀♂℡☎☏⊙◎＠
'; // 이미지 삽입 var imgHtml=''; //imgHtml+=" 웹페이지에 그림 입력
 (예:http://www.웹주소.com/images/img.gif)
"; imgHtml+=" 웹페이지에 그림 입력
" // 컨텍스트 메뉴 var tableContextMenu = ''; tableContextMenu += ""; function initEditor() { var tag = ""; cur_doc = new doc(); idEdit.document.open(); idEdit.document.write(document.aspnetForm.preBody.value); idEdit.document.close(); idEdit.document.designMode = 'on'; // 글자색 tag = tagColor("forecolor"); fontcolorFrame.document.write(tableTop+tag+tagBottom("fontcolorLayer")); // 글자배경색 tag = tagColor("backcolor"); backcolorFrame.document.write(tableTop+tag+tagBottom("fontbackLayer")); // 글자크기 및 사이즈 fonttypeFrame.document.write(tableTop+fonttypeHtml+tagBottom("fonttypeLayer")); fontsizeFrame.document.write(tableTop+fontsizeHtml+tagBottom("fontsizeLayer")); linkFrame.document.write(tableTop+linkHtml+tagBottom("linkLayer")); tableFrame.document.write(tableTop+tableHtml+tagBottom("tableLayer")); spcharFrame.document.write(tableTop+spcharHtml+tagBottom("spcharLayer")); //imgFrame.document.write(tableTop+imgHtml+tagBottom("imgLayer")); //document.getElementById("ctl00$ContentPlaceHolder1$txtName").value = tableTop+imgHtml+tagBottom("imgLayer"); //document.write(tableContextMenu); //idEdit.document.oncontextmenu = showMnuTable; //idEdit.document.onclick = hideMnuTable; } // 컨텍스트 메뉴 function showMnuTable() { var rightedge = idEdit.document.body.clientWidth-idEdit.event.clientX; var bottomedge = idEdit.document.body.clientHeight-idEdit.event.clientY; if (rightedge < contxtMnuTbl.offsetWidth) contxtMnuTbl.style.left = idEdit.document.body.scrollLeft + idEdit.event.clientX - contxtMnuTbl.offsetWidth; else contxtMnuTbl.style.left = idEdit.document.body.scrollLeft + idEdit.event.clientX; if (bottomedge < contxtMnuTbl.offsetHeight) contxtMnuTbl.style.top = idEdit.document.body.scrollTop + idEdit.event.clientY - contxtMnuTbl.offsetHeight; else contxtMnuTbl.style.top = idEdit.document.body.scrollTop + idEdit.event.clientY; contxtMnuTbl.style.display = ""; return false; } function hideMnuTable() { contxtMnuTbl.style.display = "none"; } function tagColor(flag){ var bnw = new Array("000000","444444","8e8a8b","c0bdbd","e5e4e4","ffffff"); var sz, cPick = new Array("00","33","66","99","CC","FF"), iCnt=2; var iColors = cPick.length, szColor = ""; sz = "
" + ""; for (var r=0;r=0;g--){ for (var b=iColors-1;b>=0;b--) { szColor = cPick[r]+cPick[g]+cPick[b]; sz+=""; } } sz+=""; sz+=""; } sz+="
  
"; return sz; } function doFormat(clk, opt, flag){ if(flag == '1'){ cur_doc.SaveSelection(); } if(document.aspnetForm.edit_src.checked){ alert('소스편집 체크를 해제하고 사용하세요'); return; } if(clk == "showmenu"){ openLayer(opt); if(document.all.item(opt).style.display!='inline'){ cur_doc.SaveSelection(); } return; } cur_doc.RestoreSelection(); if(cur_doc.selection){ var aa = cur_doc.selection.parentElement(); if(aa.style.topmargin != "12px"){ idEdit.focus(); } } if(clk == "insertimage"){ if(opt != "" && opt != "http://"){ //imgFrame.document.imgform.imgurl.value='http://'; var iCtrl = idEdit.document.selection.createRange(); iCtrl.pasteHTML(""); } } else if(clk == "createlink"){ if(opt != "" && opt != "http://"){ linkFrame.document.linkform.linkurl.value='http://'; idEdit.document.execCommand('createlink', false, opt); var lCtrl = idEdit.document.selection.createRange(); var sel = lCtrl.parentElement(); if (sel.tagName.toUpperCase() == 'A') { sel.target = '_blank'; } /* if(lCtrl.htmlText == ''){ lCtrl.pasteHTML(""+opt+""); } else{ lCtrl.pasteHTML(""+lCtrl.htmlText+""); } */ } } else if(clk == "inserttable"){ /*var tbl_rows = tableFrame.document.tableform.NumRows.value; var tbl_cols = tableFrame.document.tableform.NumCols.value; var tbl_width = tableFrame.document.tableform.TableWidth.value; var tbl_attr = tableFrame.document.tableform.tabAttr.value; var tbl; tbl = ""; var i=0; var j=0; tr = ""*/ var tbl_rows = tableFrame.document.tableform.NumRows.value; var tbl_cols = tableFrame.document.tableform.NumCols.value; var tbl_width = tableFrame.document.tableform.TableWidth.value; var tbl_width_unit = tableFrame.document.tableform.tabWidthUnit.value; if(tbl_width_unit == "0") tbl_width_unit = "%"; else tbl_width_unit = ""; var tbl_attr = tableFrame.document.tableform.tabAttr.value; var tbl; tbl = "
"; //tbl = "
"; var i=0; var j=0; tr = "" for(i=1;i<=tbl_rows;i++){ td = ""; tr = tr + ""; for(j=1;j<=tbl_cols;j++){ td = td + ""; } tr = tr + td + ""; } tbl = tbl + tr + "
"; var lCtrl = idEdit.document.selection.createRange(); lCtrl.pasteHTML(tbl); } else if(clk == "insertch"){ var lCtrl = idEdit.document.selection.createRange(); lCtrl.pasteHTML(opt); } else if(clk == "bgcolor"){ f_bgcolor(opt); return; } else if(clk == "htmlinside"){ htmlinside(); return; } else{ format(clk, opt); } return true; } function f_bgcolor(color){ idEdit.document.body.style.backgroundImage = ''; idEdit.document.body.style.backgroundColor = '' + color + ''; } // 도구 아이콘 외곽선 show & hide / 얼 function doOver(img_id){ img_id.style.borderColor="#4791C5"; img_id.style.backgroundColor="#FFFFFF"; } function doOver2(img_id){ img_id.style.borderColor="#4791C5"; } // 새로운 테이블 생성 툴 (2005/05/09) function doOverCell(cell){ cell.style.backgroundColor="#CCCCCC"; var cellid = cell.id; var arrStr = cellid.split("_"); var row_id = arrStr[1]; var col_id = arrStr[2]; for(var i = 0; i<= 9; i++){ for(var j = 0; j<= 9; j++){ var c = tableFrame.document.getElementById('cell_'+i+'_'+j); c. style.backgroundColor="#FFFFFF"; } } for(var i = 0; i<= row_id; i++){ for(var j = 0; j<= col_id; j++){ var c = tableFrame.document.getElementById('cell_'+i+'_'+j); c. style.backgroundColor="#CCCCCC"; } } var cellnum = tableFrame.document.getElementById('idCellNum'); cellnum.innerHTML = (parseInt(col_id)+1) + " X " + (parseInt(row_id)+1); tableFrame.document.tableform.NumRows.value = parseInt(row_id)+1; tableFrame.document.tableform.NumCols.value = parseInt(col_id)+1; } function doClickCell(cell){ var cellid = cell.id; var arrStr = cellid.split("_"); var row_num = arrStr[1]; var col_num = arrStr[2]; tableFrame.document.tableform.NumRows.value = parseInt(row_num)+1; tableFrame.document.tableform.NumCols.value = parseInt(col_num)+1; doFormat("inserttable", row_num+1, col_num+1); } ////////////// function doOut(img_id,c){ img_id.style.borderColor=String(c); //img_id.style.backgroundColor="#DBEAF5"; img_id.style.backgroundColor= c; } function doOut2(img_id,c){ img_id.style.borderColor=String(c); } // 편지쓰기 var openingLayer=0; var t_height,t_width; function openLayer(layerName){ if (!openingLayer){ closeLayers(); sv = document.getElementById(layerName).style; t_height = parseInt(sv.height); t_width = parseInt(sv.width); sv.height=10; sv.width=10; openingLayer=1; sv.display = 'inline'; showLayer(layerName); } if(layerName == 'linkLayer'){ var sel = idEdit.document.selection.createRange(); var sel = sel.parentElement(); var link = 'http://'; if (sel.tagName.toUpperCase() == 'A') { link = sel.href; } linkFrame.document.linkform.linkurl.value = link; linkFrame.document.linkform.linkurl.focus(); linkFrame.document.linkform.linkurl.select(); } if(layerName == 'tableLayer'){ // tableFrame.document.tableform.NumRows.focus(); // tableFrame.document.tableform.NumRows.select(); } } function showLayer(layerName){ var steps=3; sv = document.getElementById(layerName).style; tmpx = parseInt(sv.height); tmpy = parseInt(sv.width); if (t_height - tmpx > 1){ sv.height = tmpx+(t_height-tmpx)/steps+1; sv.width = tmpy+(t_width-tmpy)/steps+1; showLayer(layerName); } else { sv.height = t_height; sv.width = t_width; openingLayer=0; } } function closeLayers(){ var layerNames = new Array('fonttypeLayer','fontsizeLayer','fontcolorLayer','fontbackLayer','linkLayer','tableLayer','spcharLayer','imgLayer'); for (i in layerNames){ document.getElementById(layerNames[i]).style.display="none"; } } function source_view(flag){ if(ie == null) ie = document.all; if(ie){ closeLayers(); if(flag){ // text document.getElementById('idEdit').style.display='none'; document.getElementById('idEdit_Src').style.height=300; document.getElementById('idEdit_Src').style.display='inline'; var tmp = idEdit.document.body.innerHTML; document.aspnetForm.src_area.value = tmp; document.aspnetForm.src_area.style.color='#000066'; document.aspnetForm.src_area.style.fontFamily='alial'; document.aspnetForm.src_area.focus(); } else{ //html document.getElementById('idEdit_Src').style.display='none'; document.getElementById('idEdit').style.display='inline'; var tmp = document.aspnetForm.src_area.value; idEdit.document.body.innerHTML = tmp; idEdit.focus(); } } }