/*------------------------------------------------------------------------- * 작성자 : http://ziwoo.net 수정자 : 이종석 (단일 이미지 업로드 추가) - lodossw@gmail.com (http://nullsoft.pe.kr) 내용 : ziwoo Editor 수정 # release 1.1 업로드 이미지창 추가. Class 로 되어 있지 않아서 ㅡㅜ 각 에디터마다 경로를 따로 설정 할 수 없습니다. 이는 release 2 에서 ^^;;; --------------------------------------------------------------------------*/ //-- 전역변수 --------------------------------------------------------------- var textareaName = new Array(); //-- type이 "editor"인 textarea 배열 var __base_url = "/Common/editor"; //-- Editor 의 Base URL var __default_skin = "/Common/editor/editor_images/skin1"; //-- Default Image Skin var __uploadImagePath = "/UpImage/BoardImg"; //-- UploadImagePath var __imageServer = ""; //-- ImageServerUrl var __MaxUpload = 2; //-- Max Upload (Mega) //-------------------------------------------------------------------------- function saveSourceCurrentPos() { var obj = window.event.srcElement; if(obj.createTextRange) { obj.currentPos = document.selection.createRange().duplicate(); } } //함수 function htmledit(excute, bool, value, num){ if(navigator.appName != "Microsoft Internet Explorer" && excute=="backcolor") excute = "hilitecolor"; document.getElementById('iframe'+textareaName[num]).contentWindow.document.execCommand(excute, bool, value); document.getElementById('fontfaceLayer'+num).style.display = "none"; document.getElementById('fontsizeLayer'+num).style.display = "none"; document.getElementById('fgLayer'+num).style.display = "none"; document.getElementById('bgLayer'+num).style.display = "none"; copyTohtml(); document.getElementById('iframe'+textareaName[num]).contentWindow.focus(); } function viewLayer(num, layerId){ document.getElementById('fontfaceLayer'+num).style.display = "none"; document.getElementById('fontsizeLayer'+num).style.display = "none"; document.getElementById('fgLayer'+num).style.display = "none"; document.getElementById('bgLayer'+num).style.display = "none"; if(layerId) document.getElementById(layerId).style.display = "inline"; } function imageUploader(elmId,elmName, num) { document.getElementById('fontfaceLayer'+num).style.display = "none"; document.getElementById('fontsizeLayer'+num).style.display = "none"; document.getElementById('fgLayer'+num).style.display = "none"; document.getElementById('bgLayer'+num).style.display = "none"; var viewType = document.getElementById('viewSourceBtn'+num).style.display == "none" ? "src" : "ed"; var args = new Array(); args['Editor'] = document.getElementById("iframe" + textareaName[num]); args['Srcs'] = document.getElementById(textareaName[num]); args['upload_Path'] = __uploadImagePath; args['image_Server'] = __imageServer; args['maxUpload'] = __MaxUpload; args['ViewType'] = viewType; if(document.all) { // IE 전용 모다르~ var image = showModalDialog(__base_url + "/imageUpload/uploadImage.html", args, 'dialogWidth=600px; dialogHeight=300px; center:yes; scroll=no; edge:sunken; '); } else { } } function viewSource(elmId,elmName, num){ document.getElementById(elmId).style.display = "none"; document.getElementsByName(elmName)[0].style.display = "inline"; document.getElementById('viewSourceBtn'+num).style.display = "none"; document.getElementById('viewEdirorBtn'+num).style.display = "inline"; document.getElementsByName(elmName)[0].value = document.getElementById(elmId).contentWindow.document.body.innerHTML; } function viewEdiror(elmId,elmName, num){ document.getElementById(elmId).style.display = "inline"; document.getElementsByName(elmName)[0].style.display = "none"; document.getElementById('viewSourceBtn'+num).style.display = "inline"; document.getElementById('viewEdirorBtn'+num).style.display = "none"; document.getElementById(elmId).contentWindow.document.body.innerHTML = document.getElementsByName(elmName)[0].value; } function copyTohtml(){ for (var i=0;i"); doc.write(""); doc.write(""+textareaOrg.value+""); doc.close(); doc.designMode = "on"; textareaOrg.style.backgroundColor="#F0F0F0"; textareaOrg.style.color="#336699"; textareaOrg.style.fontSize="9pt"; textareaOrg.style.fontFamily="Tahoma"; textareaOrg.style.display="none"; // 이벤트 처리(내용 상호복제 부분) if(document.addEventListener){ doc.addEventListener("mousedown", copyTohtml, false); doc.addEventListener("blur", copyTohtml, false); textareaOrg.addEventListener("mousedown", copyToeditor, false); textareaOrg.addEventListener("blur", copyToeditor, false); }else if(document.attachEvent){ doc.attachEvent("onmousedown", copyTohtml, false); document.getElementById("iframe"+textareaName[i]).attachEvent("onblur", copyTohtml, false); textareaOrg.attachEvent("onmousedown", copyToeditor, false); textareaOrg.attachEvent("onblur", copyToeditor, false); } //도구테이블생성 var ctrlObj = " "; ctrlObj += " "; ctrlObj += "
"; ctrlObj += " \"글꼴\" "; ctrlObj += " \"크기\" "; ctrlObj += " "; ctrlObj += " \"두꺼운체\" "; ctrlObj += " \"기울림체\" "; ctrlObj += " \"밑줄\" "; ctrlObj += " \"취소선\" "; ctrlObj += " "; ctrlObj += " \"글자색상\" "; ctrlObj += " \"글자색상\" "; ctrlObj += " "; ctrlObj += " \"좌측정렬\" "; ctrlObj += " \"중심정렬\" "; ctrlObj += " \"우측정렬\" "; ctrlObj += " "; ctrlObj += " \"숫자목록\" "; ctrlObj += " \"점표시목록\" "; ctrlObj += " \"들여쓰기줄이기\" "; ctrlObj += " \"들여쓰기늘이기\" "; ctrlObj += " "; ctrlObj += " \"한줄넣기\" "; ctrlObj += " "; ctrlObj += " \"꾸밈 "; ctrlObj += " "; //-------------------------- // 이미지 업로드 추가 //-------------------------- ctrlObj += " 이미지 업로드"; ctrlObj += " \"편집화면\" "; ctrlObj += " \"소스보기\" "; ctrlObj += "
"; ctrlObj += "
"; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += "
돋움
굴림
바탕
궁서
Arial
Tahoma
Verdana
Time
"; ctrlObj += "
"; ctrlObj += "
"; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += "
1
2
3
4
5
6
"; ctrlObj += "
"; ctrlObj += "
"; ctrlObj += " "; ctrlObj += " "; ctrlObj += "
"; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += "
"; ctrlObj += "
"; ctrlObj += "
"; ctrlObj += "
"; ctrlObj += " "; ctrlObj += " "; ctrlObj += "
"; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += " "; ctrlObj += "
"; ctrlObj += "
"; ctrlObj += "
"; ctrlObj += "
"; var toolObj = document.createElement("table"); //-- Tool Box if(document.all){ var trObj = toolObj.insertRow(); var tdObj = trObj.insertCell(); }else{ var trObj = document.createElement('tr'); var tdObj = document.createElement('td'); toolObj.setAttribute("cellspacing","0"); toolObj.setAttribute("cellspacing","0"); toolObj.setAttribute("border","0"); } toolObj.setAttribute("id","td" + textareaName[i]); if(!document.all){ trObj.appendChild(tdObj); toolObj.appendChild(trObj); } tdObj.setAttribute("width", textareaOrg.style.width); editorFrameObj.parentNode.insertBefore(toolObj,editorFrameObj); // body 추가 tdObj.innerHTML = ctrlObj // 추가된 곳에 툴 추가 } }