/**
* richtext 에디터 관련
**/
// iframe의 id prefix
var iframe_id = 'editor_iframe_';
// srl값에 해당하는 iframe의 object를 return
function editorGetIFrame(document_srl) {/*{{{*/
var obj_id = iframe_id+document_srl;
return xGetElementById(obj_id);
}/*}}}*/
// editor 초기화를 onload이벤트 후에 시작시킴
function editorInit(document_srl) {/*{{{*/
var start_func = function _editorStart() { editorStart(document_srl); }
var init_func = function _editorInit() { setTimeout(start_func, 300); }
xAddEventListener(window, 'load', init_func);
}/*}}}*/
// editor 초기화 (document_srl로 iframe객체를 얻어서 쓰기 모드로 전환)
function editorStart(document_srl) {/*{{{*/
// iframe obj를 찾음
var iframe_obj = editorGetIFrame(document_srl);
if(!iframe_obj) return;
// 현 에디터를 감싸고 있는 form문을 찾아서 content object를 찾아서 내용 sync
var fo_obj = iframe_obj.parentNode;
while(fo_obj.nodeName != 'FORM') { fo_obj = fo_obj.parentNode; }
var content = fo_obj.content.value;
// 기본 폰트를 가져옴
var default_font = xGetElementById('editor_font_'+document_srl).options[1].value;
// iframe내의 document object
var contentDocument = iframe_obj.contentWindow.document;
// editing가능하도록 설정
// 기본 내용 작성
var contentHtml = ''+
''+
'';
/********* 오페라에서 stylesheet를 못 가져와서 일단 주석 처리하고 수동 처리
for(var i in document.styleSheets) {
var tmp_obj = document.styleSheets[i];
if(typeof(tmp_obj.href)=='undefined'||tmp_obj.href.lastIndexOf(".css")<0) continue;
contentHtml += "";
}
**********/
contentHtml += "";
contentHtml += "";
contentHtml += ""+
""+
content+
"";
contentDocument.designMode = 'on';
contentDocument.open("text/html","replace");
contentDocument.write(contentHtml);
contentDocument.close();
// 작성시 필요한 이벤트 체크
if(xIE4Up) xAddEventListener(contentDocument, 'keydown',editorKeyPress);
else xAddEventListener(contentDocument, 'keypress',editorKeyPress);
xAddEventListener(contentDocument,'mousedown',editorHideObject);
//xAddEventListener(document,'keypress',editorKeyPress);
xAddEventListener(document,'mouseup',editorEventCheck);
xAddEventListener(document,'mousedown',editorHideObject);
// 문단작성기능 on/off
if(xIE4Up) {
xDisplay('editor_paragraph_'+document_srl, 'none');
xDisplay('editor_use_paragraph_box_'+document_srl, 'inline');
} else {
xDisplay('editor_paragraph_'+document_srl, 'block');
xDisplay('editor_use_paragraph_box_'+document_srl, 'none');
}
// 에디터의 내용을 지속적으로 fo_obj.content.value에 입력
editorSyncContent(fo_obj.content, document_srl);
}/*}}}*/
var _editorSyncList = new Array(); /*{{{*/
function editorSyncContent(obj, document_srl) {
_editorSyncList[_editorSyncList.length] = {field:obj, document_srl:document_srl}
}/*}}}*/
function _editorSync() {/*{{{*/
for(var i=0;i<_editorSyncList.length;i++) {
var field = _editorSyncList[i].field;
var document_srl = _editorSyncList[i].document_srl;
var content = editorGetContent(document_srl);
if(typeof(content)=='undefined'||!content) continue;
field.value = content;
}
setTimeout(_editorSync, 1000);
}/*}}}*/
xAddEventListener(window, 'load', _editorSync);
// 문단기능 toggle
function editorUseParagraph(obj, document_srl) { /*{{{*/
toggleDisplay('editor_paragraph_'+document_srl);
}/*}}}*/
// 에디터의 내용 return
function editorGetContent(document_srl) {/*{{{*/
var iframe_obj = editorGetIFrame(document_srl);
if(!iframe_obj) return;
var html = '';
html = xInnerHtml(iframe_obj.contentWindow.document.body);
if(!html) return;
return html.trim();
}/*}}}*/
// 에디터 내의 선택된 부분의 html 코드를 return
function editorGetSelectedHtml(document_srl) {/*{{{*/
var iframe_obj = editorGetIFrame(document_srl);
if(xIE4Up) {
var range = iframe_obj.contentWindow.document.selection.createRange();
var html = range.htmlText;
range.select();
return html;
} else {
var range = iframe_obj.contentWindow.getSelection().getRangeAt(0);
var dummy = xCreateElement('div');
dummy.appendChild(range.cloneContents());
var html = xInnerHtml(dummy);
return html;
}
}/*}}}*/
// 에디터 내의 선택된 부분의 html코드를 변경
function editorReplaceHTML(iframe_obj, html) {/*{{{*/
iframe_obj.contentWindow.focus();
if(xIE4Up) {
var range = iframe_obj.contentWindow.document.selection.createRange();
range.pasteHTML(html);
} else {
var range = iframe_obj.contentWindow.getSelection().getRangeAt(0);
range.deleteContents();
range.insertNode(range.createContextualFragment(html));
}
}/*}}}*/
// 입력 키에 대한 이벤트 체크
function editorKeyPress(evt) {/*{{{*/
var e = new xEvent(evt);
if (e.keyCode == 13) {
if(xIE4Up && e.shiftKey == false && !xGetElementById("use_paragraph").checked ) {
if(e.target.parentElement.document.designMode!="On") return;
var obj = e.target.parentElement.document.selection.createRange();
obj.pasteHTML(' ');
obj.select();
evt.cancelBubble = true;
evt.returnValue = false;
return;
}
}
if (e.ctrlKey) {
switch(e.keyCode) {
case 98 : // b
editorDo('Bold',null,e.target);
xPreventDefault(evt);
xStopPropagation(evt);
break;
case 105 : // i
editorDo('Italic',null,e.target);
xPreventDefault(evt);
xStopPropagation(evt);
break;
case 117 : // u
editorDo('Underline',null,e.target);
xPreventDefault(evt);
xStopPropagation(evt);
break;
case 83 : // s
case 115 : // s
editorDo('StrikeThrough',null,e.target);
xPreventDefault(evt);
xStopPropagation(evt);
break;
}
}
}/*}}}*/
// 에디터 상단의 버튼 클릭시 action 처리
var editorPrevObj = null;/*{{{*/
var editorPrevSrl = null;
function editorEventCheck(evt) {
var e = new xEvent(evt);
var target_id = e.target.id;
if(target_id.indexOf('editor_')!=-1) {
var tmp_str = target_id.split('_');
var method_name = tmp_str[1];
var document_srl = tmp_str[2];
switch(method_name) {
case 'Bold' :
case 'Italic' :
case 'Underline' :
case 'StrikeThrough' :
case 'justifyleft' :
case 'justifycenter' :
case 'justifyright' :
case 'indent' :
case 'outdent' :
case 'insertorderedlist' :
case 'insertunorderedlist' :
editorDo(method_name, '', document_srl);
break;
default :
editorPrevSrl = document_srl;
switch(method_name) {
case "addemoticon" :
var x = (screen.availWidth - 225)/2;
var y = (screen.availHeight - 150)/2;
var editor_popup = window.open(editor_path+"popup/add_emoticon.php","_editorPopup","top="+y+",left="+x+",width=225,height=150,resizable=no,toolbars=no,scrollbars=no");
if(editor_popup) editor_popup.focus();
return;
break;
case "quotation" :
var x = (screen.availWidth - 400)/2;
var y = (screen.availHeight - 400)/2;
var editor_popup = window.open(editor_path+"popup/add_quotation.php","_editorPopup","top="+y+",left="+x+",width=400,height=400,resizable=no,toolbars=no,scrollbars=no");
if(editor_popup) editor_popup.focus();
return;
break;
case "addurl" :
var x = (screen.availWidth - 400)/2;
var y = (screen.availHeight - 220)/2;
var editor_popup = window.open(editor_path+"popup/add_url.php","_editorPopup","top="+y+",left="+x+",width=400,height=220,resizable=no,toolbars=no,scrollbars=no");
if(editor_popup) editor_popup.focus();
return;
break;
case "addimage" :
var x = (screen.availWidth - 420)/2;
var y = (screen.availHeight - 80)/2;
var editor_popup = window.open(editor_path+"popup/add_image.php","_editorPopup","top="+y+",left="+x+",width=420,height=80,resizable=no,toolbars=no,scrollbars=no");
if(editor_popup) editor_popup.focus();
return;
break;
case "addmultimedia" :
var x = (screen.availWidth - 400)/2;
var y = (screen.availHeight - 220)/2;
var editor_popup = window.open(editor_path+"popup/add_multi.php","_editorPopup","top="+y+",left="+x+",width=420,height=110,resizable=no,toolbars=no,scrollbars=no");
if(editor_popup) editor_popup.focus();
return;
break;
case "addhtml" :
var x = (screen.availWidth - 400)/2;
var y = (screen.availHeight - 500)/2;
var editor_popup = window.open(editor_path+"popup/add_html.php","_editorPopup","top="+y+",left="+x+",width=400,height=500,resizable=no,toolbars=no,scrollbars=no");
if(editor_popup) editor_popup.focus();
return;
break;
case "ForeColor" :
case "BackColor" :
var x = (screen.availWidth - 145)/2;
var y = (screen.availHeight - 95)/2;
var editor_popup = window.open(editor_path+"popup/color_box.php?mode="+method_name,"_editorPopup","top="+y+",left="+x+",width=145,height=95,resizable=no,toolbars=no,scrollbars=no");
if(editor_popup) editor_popup.focus();
return;
}
break;
}
}
return;
}/*}}}*/
// focus
function editorFocus(document_srl) {/*{{{*/
var iframe_obj = editorGetIFrame(document_srl);
iframe_obj.contentWindow.focus();
}
/*}}}*/
// 편집 기능 실행
function editorDo(name, value, target) {/*{{{*/
if(typeof(target)=='object') _editorDoObject(name, value, target);
else _editorDoSrl(name, value, target);
}/*}}}*/
function _editorDoSrl(name, value, document_srl) {/*{{{*/
var iframe_obj = editorGetIFrame(document_srl);
editorFocus(document_srl);
if(xIE4Up) iframe_obj.contentWindow.document.execCommand(name, false, value);
else iframe_obj.contentWindow.document.execCommand(name, false, value);
editorFocus(document_srl);
}/*}}}*/
function _editorDoObject(name, value, obj) {/*{{{*/
if(xIE4Up) {
obj.parentElement.document.execCommand(name, false, value);
} else {
obj.parentNode.execCommand(name, false, value);
}
}/*}}}*/
function editorHideObject(evt) {/*{{{*/
if(!editorPrevObj) return;
var e = new xEvent(evt);
var tobj = e.target;
while(tobj) {
if(tobj.id == editorPrevObj.id) {
return;
}
tobj = xParent(tobj);
}
editorPrevObj.style.visibility = 'hidden';
editorPrevObj = null;
return;
}/*}}}*/
function editorChangeFontName(obj,srl) {/*{{{*/
var value = obj.options[obj.selectedIndex].value;
if(!value) return;
editorDo('FontName',value,srl);
obj.selectedIndex = 0;
}/*}}}*/
function editorChangeFontSize(obj,srl) {/*{{{*/
var value = obj.options[obj.selectedIndex].value;
if(!value) return;
editorDo('FontSize',value,srl);
obj.selectedIndex = 0;
}/*}}}*/
function editorSetForeColor(color_code) {/*{{{*/
editorDo("ForeColor",color_code,editorPrevSrl);
editorPrevObj.style.visibility = 'hidden';
editorFocus(editorPrevSrl);
}/*}}}*/
function editorSetBackColor(color_code) {/*{{{*/
if(xIE4Up) editorDo("BackColor",color_code,editorPrevSrl);
else editorDo("hilitecolor",color_code,editorPrevSrl);
editorFocus(editorPrevSrl);
}/*}}}*/
function editorInsertEmoticon(obj) {/*{{{*/
editorFocus(editorPrevSrl);
editorDo("InsertImage",obj.src,editorPrevSrl);
editorFocus(editorPrevSrl);
}/*}}}*/
function editorDoInsertUrl(link, document_srl) {/*{{{*/
editorFocus(document_srl);
var iframe_obj = editorGetIFrame(srl);
editorReplaceHTML(iframe_obj, link);
}/*}}}*/
function editorInsertUrl(text, url, link_type) {/*{{{*/
if(!text || !url) return;
//if(!/^(http|ftp)/i.test(url)) url = 'http://'+url;
var link = '';
if(!link_type) link = ""+text+"";
else link = ""+text+"";
editorFocus(editorPrevSrl);
var obj = editorGetIFrame(editorPrevSrl)
editorReplaceHTML(obj, link);
}/*}}}*/
function editorInsertImage(url, src_align) {/*{{{*/
if(!url) return;
//if(!/^(http|ftp)/i.test(url)) url = 'http://'+url;
editorFocus(editorPrevSrl);
var html = " ";
return html;
}/*}}}*/
function editorInsertMultimedia(url, width, height) {/*{{{*/
if(url) {
var html = editorGetMultimediaHtml(url, width, height);
editorFocus(editorPrevSrl);
var obj = editorGetIFrame(editorPrevSrl)
editorReplaceHTML(obj, html);
editorFocus(editorPrevSrl);
}
}/*}}}*/
function editorInsertHTML(html) {/*{{{*/
if(!html) return;
editorFocus(editorPrevSrl);
var obj = editorGetIFrame(editorPrevSrl)
editorReplaceHTML(obj, html);
editorFocus(editorPrevSrl);
}/*}}}*/
function editorInsertQuotation(html) {/*{{{*/
if(!html) return;
if(!xIE4Up) html += " ";
editorFocus(editorPrevSrl);
var obj = editorGetIFrame(editorPrevSrl)
editorReplaceHTML(obj, html);
editorFocus(editorPrevSrl);
}/*}}}*/
function editorHighlight(ret_obj, response_tags, obj) {/*{{{*/
var html = ret_obj['html'];
html = "
"+html+"
";
if(!xIE4Up) html += " ";
editorReplaceHTML(obj, html);
}/*}}}*/
/**
* iframe 드래그 관련
**/
var editorIsDrag = false;
var editorDragY = 0;
var editorDragObj = null;
var editorDragID = '';
xAddEventListener(document, 'mousedown', editorDragStart);
xAddEventListener(document, 'mouseup', editorDragStop);
function editorDragStart(evt) {/*{{{*/
var e = new xEvent(evt);
var obj = e.target;
if(typeof(obj.id)=='undefined'||!obj.id) return;
var id = obj.id;
if(id.indexOf('editor_drag_bar_')!=0) return;
editorIsDrag = true;
editorDragObj = e.target;
editorDragY = e.pageY;
editorDragID = id.substr('editor_drag_bar_'.length);
xAddEventListener(document, 'mousemove', editorDragMove);
xAddEventListener(editorDragObj, 'mouseout', editorDragMove);
var iframe_obj = editorGetIFrame(editorDragID);
xAddEventListener(iframe_obj, 'mousemove', editorDragMove);
}/*}}}*/
function editorDragStop(evt) {/*{{{*/
var iframe_obj = editorGetIFrame(editorDragID);
xRemoveEventListener(document, 'mousemove', editorDragMove);
xRemoveEventListener(iframe_obj, 'mousemove', editorDragMove);
editorIsDrag = false;
editorDragY = 0;
editorDragObj = null;
editorDragID = '';
}/*}}}*/
function editorDragMove(evt) {/*{{{*/
if(typeof(editorIsDrag)=='undefined'||!editorIsDrag) return;
var e = new xEvent(evt);
var iframe_obj = editorGetIFrame(editorDragID);
var y = e.pageY;
var yy = y - editorDragY;
if(yy<0) return;
editorDragY = y;
var editorHeight = xHeight(iframe_obj);
xHeight(iframe_obj, editorHeight+yy);
}/*}}}*/
/**
* 파일 업로드 관련
**/
var uploading_file = false;
var uploaded_files = new Array();
// 업로드를 하기 위한 준비 시작
function editor_upload_init(document_srl) {/*{{{*/
xAddEventListener(window,'load',function _change_form_target() {editor_upload_form_set(document_srl);} );
}/*}}}*/
// document_srl에 해당하는 form의 action을 iframe으로 변경
function editor_upload_form_set(document_srl) {/*{{{*/
// 업로드용 iframe을 생성
if(!xGetElementById('tmp_upload_iframe')) {
if(xIE4Up) {
window.document.body.insertAdjacentHTML("afterEnd", "");
} else {
var obj_iframe = xCreateElement('IFRAME');
obj_iframe.name = obj_iframe.id = 'tmp_upload_iframe';
obj_iframe.style.display = 'none';
obj_iframe.style.width = '1px';
obj_iframe.style.height = '1px';
obj_iframe.style.position = 'absolute';
obj_iframe.style.top = '-10px';
obj_iframe.style.left = '-10px';
window.document.body.appendChild(obj_iframe);
}
}
// form의 action 을 변경
var field_obj = xGetElementById("uploaded_file_list_"+document_srl);
if(!field_obj) return;
var fo_obj = field_obj.parentNode;
while(fo_obj.nodeName != 'FORM') { fo_obj = fo_obj.parentNode; }
fo_obj.target = 'tmp_upload_iframe';
// document_srl에 해당하는 첨부파일 목록을 로드
var mid = fo_obj.mid.value;
var document_srl = fo_obj.document_srl.value;
var url = "./?mid="+mid+"&act=procDeleteFile&document_srl="+document_srl;
// iframe에 url을 보내버림
var iframe_obj = xGetElementById('tmp_upload_iframe');
if(!iframe_obj) return;
iframe_obj.contentWindow.document.location.href=url;
}/*}}}*/
// 파일 업로드
function editor_file_upload(field_obj, document_srl) {/*{{{*/
if(uploading_file) return;
var fo_obj = field_obj.parentNode;
while(fo_obj.nodeName != 'FORM') { fo_obj = fo_obj.parentNode; }
uploading_file = true;
fo_obj.submit();
uploading_file = false;
var sel_obj = xGetElementById('uploaded_file_list_'+document_srl);
var string = 'wait for uploading...';
var opt_obj = new Option(string, '', true, true);
sel_obj.options[sel_obj.options.length] = opt_obj;
}/*}}}*/
// 업로드된 파일 목록을 삭제
function editor_upload_clear_list(document_srl) {/*{{{*/
var obj = xGetElementById('uploaded_file_list_'+document_srl);
while(obj.options.length) {
obj.remove(0);
}
var preview_obj = xGetElementById('uploaded_file_preview_box_'+document_srl);
xInnerHtml(preview_obj,'')
}/*}}}*/
// 업로드된 파일 정보를 목록에 추가
function editor_insert_uploaded_file(document_srl, file_srl, filename, file_size, disp_file_size, uploaded_filename, sid) {/*{{{*/
var obj = xGetElementById('uploaded_file_list_'+document_srl);
var string = filename+' ('+disp_file_size+')';
var opt_obj = new Option(string, file_srl, true, true);
obj.options[obj.options.length] = opt_obj;
var file_obj = {file_srl:file_srl, filename:filename, file_size:file_size, uploaded_filename:uploaded_filename, sid:sid}
uploaded_files[file_srl] = file_obj;
editor_preview(obj, document_srl);
}/*}}}*/
// 파일 목록창에서 클릭 되었을 경우 미리 보기
function editor_preview(sel_obj, document_srl) {/*{{{*/
if(sel_obj.options.length<1) return;
var file_srl = sel_obj.options[sel_obj.selectedIndex].value;
var obj = uploaded_files[file_srl];
if(typeof(obj)=='undefined'||!obj) return;
var uploaded_filename = obj.uploaded_filename;
var preview_obj = xGetElementById('uploaded_file_preview_box_'+document_srl);
if(!uploaded_filename) {
xInnerHtml(preview_obj, '');
return;
}
var html = "";
// 플래쉬 동영상의 경우
if(/\.flv$/i.test(uploaded_filename)) {
html = "";
// 플래쉬 파일의 경우
} else if(/\.swf$/i.test(uploaded_filename)) {
html = "";
// wmv, avi, mpg, mpeg등의 동영상 파일의 경우
} else if(/\.(wmv|avi|mpg|mpeg|asx|asf|mp3)$/i.test(uploaded_filename)) {
html = "";
// 이미지 파일의 경우
} else if(/\.(jpg|jpeg|png|gif)$/i.test(uploaded_filename)) {
html = "";
}
xInnerHtml(preview_obj, html);
}/*}}}*/
// 업로드된 파일 삭제
function editor_remove_file(document_srl) {/*{{{*/
var obj = xGetElementById('uploaded_file_list_'+document_srl);
if(obj.options.length<1) return;
var file_srl = obj.options[obj.selectedIndex].value;
if(!file_srl) return;
// 삭제하려는 파일의 정보를 챙김;;
var fo_obj = obj;
while(fo_obj.nodeName != 'FORM') { fo_obj = fo_obj.parentNode; }
var mid = fo_obj.mid.value;
var document_srl = fo_obj.document_srl.value;
var url = "./?mid="+mid+"&act=procDeleteFile&document_srl="+document_srl+"&file_srl="+file_srl;
// iframe에 url을 보내버림
var iframe_obj = xGetElementById('tmp_upload_iframe');
if(!iframe_obj) return;
iframe_obj.contentWindow.document.location.href=url;
}/*}}}*/
// 업로드 목록의 선택된 파일을 내용에 추가
function editor_insert_file(document_srl, align) {/*{{{*/
var obj = xGetElementById('uploaded_file_list_'+document_srl);
if(obj.options.length<1) return;
var file_srl = obj.options[obj.selectedIndex].value;
if(!file_srl) return;
var file_obj = uploaded_files[file_srl];
var filename = file_obj.filename;
var sid = file_obj.sid;
var uploaded_filename = file_obj.uploaded_filename;
editorPrevSrl = document_srl;
// 바로 링크 가능한 파일의 경우 (이미지, 플래쉬, 동영상 등..)
if(uploaded_filename && typeof(align)!='undefined') {
var type = "";
// 이미지 파일의 경우
if(/\.(jpg|jpeg|png|gif)$/i.test(uploaded_filename)) {
editorFocus(editorPrevSrl);
var html = "";
var iframe_obj = editorGetIFrame(editorPrevSrl);
editorReplaceHTML(iframe_obj, html);
}
// binary파일의 경우 다운로드 링크를 추가
} else {
var fo_obj = obj;
while(fo_obj.nodeName != 'FORM') { fo_obj = fo_obj.parentNode; }
var mid = fo_obj.mid.value;
var document_srl = fo_obj.document_srl.value;
var url = "./?mid="+mid+"&act=procDownload&document_srl="+document_srl+"&file_srl="+file_srl+"&sid="+sid;
var x = (screen.availWidth - 400)/2;
var y = (screen.availHeight - 220)/2;
var editor_popup = window.open(editor_path+"popup/add_url.php?title="+escape(filename)+"&url="+escape(url),"_editorPopup","top="+y+",left="+x+",width=400,height=220,resizable=no,toolbars=no,scrollbars=no");
if(editor_popup) editor_popup.focus();
}
}/*}}}*/
/**
* 글을 쓰다가 페이지 이동시 첨부파일에 대한 정리
**/
function editorRemoveAttachFiles(mid, document_srl) {/*{{{*/
var obj = xGetElementById('uploaded_file_list_'+document_srl);
if(obj.options.length<1) return;
var params = new Array();
params['document_srl'] = document_srl;
exec_xml(mid, 'procClearFile', params, null, null, null);
}/*}}}*/