var KEditor = Class.create( KUtil, {
initialize: function( textareaElement ) {
//에러 처리
if (typeof(document.execCommand) == 'undefined') { alert("not Used execCommand"); return; }
if( textareaElement == "" || !document.getElementById(textareaElement) ) { alert( "Textarea does not exist."); return; }
this.baseURL = this.getScriptPath('KEditor');
this.imageURL = this.baseURL+"/images/editor";
this.cssURL = "css";
ua = navigator.userAgent;
this.isMSIE = (navigator.appName == "Microsoft Internet Explorer");
this.isMSIE5 = this.isMSIE && (ua.indexOf('MSIE 5') != -1);
this.isMSIE5_0 = this.isMSIE && (ua.indexOf('MSIE 5.0') != -1);
this.isMSIE7 = this.isMSIE && (ua.indexOf('MSIE 7') != -1);
this.isGecko = ua.indexOf('Gecko') != -1; // Will also be true on Safari
this.isSafari = ua.indexOf('Safari') != -1;
this.isOpera = window['opera'] && opera.buildNumber ? true : false;
this.isMac = ua.indexOf('Mac') != -1;
this.isNS7 = ua.indexOf('Netscape/7') != -1;
this.isNS71 = ua.indexOf('Netscape/7.1') != -1;
// Fake MSIE on Opera and if Opera fakes IE, Gecko or Safari cancel those
if (this.isOpera) {
this.isMSIE = true;
this.isGecko = false;
this.isSafari = false;
}
this.isIE = this.isMSIE;
this.isRealIE = this.isMSIE && !this.isOpera;
this.textareaElement = $(textareaElement);
this.textareaElementCopy = null; //Full화면을 위한 textarea 복사
this.editorPos = []; //에디터 위치
this.editorDim = []; //에디터 넓이
this.editorFrame = null; //프래임
this.parentObj = null; //부모태그
this.frameObj = null; //에디터 IFRAME
this.cw = null;
this.doc = null; //에디터 IFRAME TEXTAREA
this.fontname = null; //글씨체
this.fontsize = null; //사이즈
this.selectionPos = null; //커서의 위치
this.fullscreenMode = false;
this.designMode = "on";
this.lastWindow = null; //모질라 계열 팝업 에서 마지막에 오픈된 윈도우 객체
this.options = Object.extend({
topMenus: new Array(),
dialogType: "modal",
fontfases: [ "굴림", "돋움", "Arial", "Tahoma", "Verdana", "Time" ],
fontsizes: [ 1, 2, 3, 4, 5, 6 ]
}, arguments[1] || {});
var this_s = this;
Event.observe(window, "load", function() { this_s.initEditor() } );
},
initEditor: function() {
this.parentObj = this.textareaElement.up(0);
this.editorPos = this.textareaElement.positionedOffset();
this.editorDim = this.textareaElement.getDimensions();
this.initFrame();
},
/**
/* Editor을 생성하기위한 layer 생성
**/
initFrame: function() {
var this_s = this;
//레이어 생성
this.topObj = Builder.node('DIV',
{ style: "position:relative;" },
[this.frameSet()]);
//붙이기
new Insertion.Top(this.parentObj, this.topObj);
//에디터 오픈
this.cw = $(this.frameObj).contentWindow;
this.doc = this.cw.document;
this.doc.open();
this.doc.write("");
this.doc.write("");
this.doc.write("");
this.doc.close();
this.doc.designMode = this.designMode;
//크릭 또는 키보드를 욺직였을경우
Event.observe($(this.doc), "mousedown", this.eventListener.bindAsEventListener(this));
Event.observe($(this.doc), "mouseup", this.eventListener.bindAsEventListener(this));
Event.observe($(this.doc), "keydown", this.eventListener.bindAsEventListener(this));
Event.observe($(this.doc), "keyup", this.eventListener.bindAsEventListener(this));
setTimeout(function () { this_s.html2edit(); }, 100);
},
/**
/* IFRAME SET
**/
frameSet: function() {
var headerTr = Builder.node('TR');
headerTr.appendChild(this.frameHeader());
var bodyTd = Builder.node("TD");
bodyTd.appendChild(this.frameBody());
bodyTd.appendChild(this.textareaBody());
var bodyTr = Builder.node('TR');
bodyTr.appendChild(bodyTd);
var tbody = Builder.node('TBODY');
tbody.appendChild(headerTr);
tbody.appendChild(bodyTr);
return Builder.node('TABLE', { width:this.editorDim.width, height:"100%", style: "background-color:#FFFFFF;", border:"0px" }, [tbody]);
},
/**
/* 메뉴(아이콘) 생성
**/
frameHeader: function() {
var item, node;
var tds = new Array();
var trs = new Array();
var this_s = this;
for( var i=0; i"+text+"";
alert( url );
this._insertHTML( url );
},
/**
/* 이미지 등록
**/
_image: function() {
var url = this.baseURL+"theme/image.html";
var args = { 'width':'500', 'height':'70', 'resizable':'no', 'scrollbars':'no' };
this.popWin(url, args);
},
/**
/* 전체화면 모드
**/
_fullscreen: function() {
if( this.fullscreenMode )this.fullscreenMode = false;
else this.fullscreenMode = true;
if( this.designMode == "on" ) this.html2edit();
else this.edit2html();
},
/**
/* 에디터에 text 삽입
**/
_insertHTML: function( t ) {
$(this.frameObj).contentWindow.focus();
this.doc.execCommand("delete", false, null);
if ( navigator.appName=="Microsoft Internet Explorer" ) {
this.doc.selection.createRange().pasteHTML(t);
} else {
this.doc.execCommand("inserthtml", false, t);
}
this.textareaSynch();
},
/**
/* 기본적인 에디터 아이콘
**/
_mouseEvent: function() {
this.colorDistory();
var execute = arguments[1];
var bool = arguments[2];
var value = arguments[3];
if( execute == "fontsize" || execute == "fontname" ) {
value = value.value;
}
this.doc.execCommand(execute, bool, value);
this.textareaSynch();
this.doc.focus();
},
/**
/* 에디터 창에 마우스로 또는 키보드 클릭시 생성되는 이벤트
/* 구지 필요한지는 모르겠당...ㅡㅡ;;
**/
eventListener: function() {
this.colorDistory();
this.textareaSynch();
this.fontsize.value="";
this.fontname.value="";
},
/**
/* 모드변경
**/
changeMode: function() {
this.colorDistory();
if( this.designMode == "on" ) this.edit2html();
else this.html2edit();
},
textareaSynch: function() {
if( this.designMode == "on" ) {
this.textareaElementCopy.value = this.textareaElement.value = this.doc.body.innerHTML;
}else {
this.doc.body.innerHTML = this.textareaElement.value = this.textareaElementCopy.value;
}
},
/**
/* 소스에서 에디트로
**/
html2edit: function() {
this.designMode = "on";
this.textareaElementCopy.style.display = "none"; //가리기
this.frameObj.style.display = "";
if( this.fullscreenMode ) {
this.topObj.style.position = "absolute";
this.topObj.style.top = "0px";
this.topObj.style.left = "0px";
this.frameObj.style.width = screen.availWidth-28;
this.frameObj.style.height = screen.availHeight;
}else {
this.topObj.style.position = "relative";
this.topObj.style.width = "100%";
this.topObj.style.height = "20px";
this.frameObj.style.width = this.editorDim.width;
this.frameObj.style.height = this.editorDim.height;
}
$("code_icon").src = this.imageURL+"/html.gif";
this.doc.body.innerHTML = this.textareaElement.value = this.textareaElementCopy.value;
},
/**
/* 에디트에서 소스로
**/
edit2html: function() {
this.designMode = "off";
this.textareaElementCopy.style.display = "";
this.frameObj.style.display = "none";
if( this.fullscreenMode ) {
this.topObj.style.position = "absolute";
this.topObj.style.top = "0px";
this.topObj.style.left = "0px";
this.textareaElementCopy.style.width = screen.availWidth-28;
this.textareaElementCopy.style.height = screen.availHeight;
}else {
this.topObj.style.position = "relative";
this.topObj.style.width = "100%";
this.topObj.style.height = "20px";
this.textareaElementCopy.style.width = this.editorDim.width;
this.textareaElementCopy.style.height = this.editorDim.height;
}
$("code_icon").src = this.imageURL+"/code.gif";
this.textareaElementCopy.value = this.textareaElement.value = this.doc.body.innerHTML;
},
//모든 아이템 레이어 초기화
//색상
colorDistory: function() {
$$('DIV.colorDiv').each( function(e) { e.remove() });
},
/**
/* 팝업 띄우기
**/
popWin: function(url, args) {
var width, height, x, y, scrollbars, resizable, modal;
if( url == "" ) { alert("URL does not exist."); return; }
width = (args && args.width) ? parseInt(args.width):320;
height = (args && args.height) ? parseInt(args.height):320;
x=(screen.availWidth-width)/2;
y=(screen.availHeight-height)/2;
resizable = (args && args.resizable) ? args.resizable : "no";
scrollbars = (args && args.scrollbars) ? args.scrollbars : "no";
// Add to height in M$ due to SP2 WHY DON'T YOU GUYS IMPLEMENT innerWidth of windows!!
if (this.isIE) height += 40;
else height += 25;
//IE일 경우 모달창 뛰운다
if( this.isRealIE ) {
features = "resizable:" + resizable + ";scroll:" + scrollbars + ";status:yes;center:yes;help:no;dialogWidth:" + width + "px;dialogHeight:" + height + "px;";
window.showModalDialog(url, window, features);
}else {
modal = (resizable == "yes") ? "no" : "yes";
if (this.isGecko && this.isMac)
modal = "no";
if( this.lastWindow != null ) {
try { this.lastWindow.close(); this.lastWindow=null; } catch (e){}
}
win = window.open(url, "mcePopup" + new Date().getTime(), "top=" + y + ",left=" + x + ",scrollbars=" + scrollbars + ",dialog=" + modal + ",minimizable=" + resizable + ",modal=" + modal + ",width=" + width + ",height=" + height + ",resizable=" + resizable);
if (win == null) {
alert("팝업생성에 실패하였습니다.");
return;
}
if( this.lastWindow == null ) {
try { this.lastWindow = win; } catch (e) {}
}
}
}
});