//v.2.5 build 91111
/*
Copyright DHTMLX LTD. http://www.dhtmlx.com
You allowed to use this component or parts of it under GPL terms
To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
*/
/*_TOPICS_
@0:Formatting
@1:Getting data
*/
/**
* @desc: Constructor of dhtmlxEditor object.
* @param: id - parent object id
* @param: skin - skin name for editor
* @type: public
*/
function dhtmlXEditor(base, skin) {
var that = this;
// skin config
this.skin = (skin||dhtmlx.skin||"dhx_skyblue");
this.iconsPath = dhtmlx.image_path||"app/js/dhtmlxEditor/imgs/";
// configure base
if (typeof(base) == "string") base = document.getElementById(base);
this.base = base;
while (this.base.childNodes.length > 0) this.base.removeChild(this.base.childNodes[0]);
// search for extended toolbar
this._isToolbar = (this.initDhtmlxToolbar!=null&&window.dhtmlXToolbarObject!=null?true:false);
if (!this._isToolbar) {
this.tbData = "";
} else {
this.tbData = "";
}
// configure base for dhxcont
var pos = (_isIE?this.base.currentStyle["position"]:window.getComputedStyle(this.base, null).getPropertyValue("position"));
if (!(pos == "relative" || pos == "absolute")) this.base.style.position = "relative";
this.base.innerHTML = this.tbData+"";
// init dhxcont
var dhxCont = new dhtmlXContainerLite(this.base);
dhxCont.setContent(this.base.childNodes[(this._isToolbar?0:1)]);
var ofs = (this._isToolbar?0:this.base.childNodes[0].offsetHeight);
this.base.adjustContent(this.base, ofs);
// editable area
this.editor = document.createElement("IFRAME");
this.editor.className = "dhxeditor_mainiframe_"+this.skin;
this.editor.frameBorder = 0;
if (_isOpera) this.editor.scrolling = "yes";
this.base.attachObject(this.editor);
this.edWin = this.editor.contentWindow;
this.edDoc = this.edWin.document;
//%%%###%%%
// Added 2/8/2010 - MKA - Adds ability to set a bound text based control to the editor
// and have it updated as the editor is used
this.BoundControl = null;
this._updateBoundControl = function() {
if (this.BoundControl){
try { this.BoundControl.value = this.getContent(); } catch(e){};
}
}
//%%%###%%%
this._prepareContent = function(saveContent) {
var storedContent = "";
if (saveContent === true && this.getContent != null) storedContent = this.getContent();
var content = this.edDoc;
content.open("text/html", "replace");
if (_isOpera) {
content.write("");
} else {
if (window._KHTMLrv) {
content.write("");
} else {
content.write("");
}
}
content.close();
this.edDoc.designMode='On';
if (_isFF) try { this.edDoc.execCommand("useCSS", false, true); } catch(e) {}
if (saveContent === true && this.setContent != null) this.setContent(storedContent);
}
// fix
this._prepareContent();
this.setIconsPath = function() {
// fake
}
this.init = function(){
// fake
}
this.setSizes = function() {
var ofs = (this._isToolbar?0:this.base.childNodes[0].offsetHeight);
this.base.adjustContent(this.base, ofs);
}
this._resizeTM = null;
this._resizeTMTime = 100;
this._doOnResize = function() {
window.clearTimeout(that._resizeTM);
that._resizeTM = window.setTimeout(function(){if(that.setSizes)that.setSizes();}, that._resizeTMTime);
}
this._doOnUnload = function() {
window.detachEvent("onresize", this._doOnResize);
window.removeEventListener("resize", this._doOnResize, false);
}
dhtmlxEvent(window, "resize", this._doOnResize);
// toolbar buttons
this.base.childNodes[0].onselectstart = function(e) {
e = e||event;
e.cancelBubble = true;
e.returnValue = false;
if (e.preventDefault) e.preventDefault();
return false;
}
for (var q=0; q$/,"")
}
return this.edDoc.body.innerHTML;
}
}
/**
* @desc: sets content to editor document
* @type: public
* @param: html - html string which should be set as editor content
* @topic: 0
*/
this.setContent = function(str){
if(this.edDoc.body){
this.edDoc.body.innerHTML = str;
this.callEvent("onContentSet",[]);
if(_isFF){ this.runCommand('InsertHTML',' ');}
}
else{
var that = this;
dhtmlxEvent(this.edWin, "load", function(e){
that.setContent(str);
})
}
//%%%###%%%
try{
//debugger;
this._updateBoundControl();
}catch(e){alert(e);}
//%%%###%%%
}
/**
* @desc: sets content from the html document to editor document
* @type: public
* @param: url - path to the html page
* @topic: 0
*/
this.setContentHTML = function(url){
(new dtmlXMLLoaderObject(this._ajaxOnLoad,this,false,true)).loadXML(url);
}
this._ajaxOnLoad = function(obj,a,b,c,loader){
if(loader.xmlDoc.responseText) obj.setContent(loader.xmlDoc.responseText);
}
};
function dhtmlXContainerLite(obj) {
var that = this;
this.obj = obj;
this.dhxcont = null;
this.setContent = function(data) {
this.dhxcont = data;
this.dhxcont.innerHTML = ""+
"";
this.dhxcont.mainCont = this.dhxcont.childNodes[0];
this.obj.dhxcont = this.dhxcont;
}
this.obj._genStr = function(w) {
var s = ""; var z = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
for (var q=0; q cw) this.dhxcont.style.width = Math.max(0, cw*2-this.dhxcont.offsetWidth)+"px";
//
var ch = parentObj.clientHeight+(this._offsetHeight||0);
this.dhxcont.style.height = Math.max(0, ch-offsetTop)+(marginTop!=null?marginTop:0)+"px";
if (this.dhxcont.offsetHeight > ch - offsetTop) this.dhxcont.style.height = Math.max(0, (ch-offsetTop)*2-this.dhxcont.offsetHeight)+"px";
if (offsetBottom) if (!isNaN(offsetBottom)) this.dhxcont.style.height = Math.max(0, parseInt(this.dhxcont.style.height)-offsetBottom)+"px";
// main window content
if (this._minDataSizeH != null) {
// height for menu/toolbar/status bar should be included
if (parseInt(this.dhxcont.style.height) < this._minDataSizeH) this.dhxcont.style.height = this._minDataSizeH+"px";
}
if (this._minDataSizeW != null) {
if (parseInt(this.dhxcont.style.width) < this._minDataSizeW) this.dhxcont.style.width = this._minDataSizeW+"px";
}
if (notCalcWidth !== true) {
this.dhxcont.mainCont.style.width = this.dhxcont.clientWidth+"px";
// allow border to this.dhxcont.mainCont
if (this.dhxcont.mainCont.offsetWidth > this.dhxcont.clientWidth) this.dhxcont.mainCont.style.width = Math.max(0, this.dhxcont.clientWidth*2-this.dhxcont.mainCont.offsetWidth)+"px";
}
var menuOffset = (this.menu!=null?(!this.menuHidden?this.menuHeight:0):0);
var toolbarOffset = (this.toolbar!=null?(!this.toolbarHidden?this.toolbarHeight:0):0);
var statusOffset = (this.sb!=null?(!this.sbHidden?this.sbHeight:0):0);
// allow border to this.dhxcont.mainCont
this.dhxcont.mainCont.style.height = this.dhxcont.clientHeight+"px";
if (this.dhxcont.mainCont.offsetHeight > this.dhxcont.clientHeight) this.dhxcont.mainCont.style.height = Math.max(0, this.dhxcont.clientHeight*2-this.dhxcont.mainCont.offsetHeight)+"px";
this.dhxcont.mainCont.style.height = Math.max(0, parseInt(this.dhxcont.mainCont.style.height)-menuOffset-toolbarOffset-statusOffset)+"px";
}
/**
* @desc: attaches a dhtmlxToolbar to a window
* @type: public
*/
this.obj.attachToolbar = function() {
var toolbarObj = document.createElement("DIV");
toolbarObj.style.position = "relative";
toolbarObj.style.overflow = "hidden";
toolbarObj.id = "dhxtoolbar_"+this._genStr(12);
this.dhxcont.insertBefore(toolbarObj, this.dhxcont.childNodes[(this.menu!=null?1:0)]);
this.toolbar = new dhtmlXToolbarObject(toolbarObj.id, this.skin);
this.toolbarHeight = toolbarObj.offsetHeight+(this._isLayout&&this.skin=="dhx_skyblue"?2:0);
this.toolbarId = toolbarObj.id;
if (this._doOnAttachToolbar) this._doOnAttachToolbar("init");
this.adjust();
return this.toolbar;
}
/**
* @desc: attaches an object into a window
* @param: obj - object or object id
* @param: autoSize - set true to adjust a window to object's dimension
* @type: public
*/
this.obj.attachObject = function(obj, autoSize) {
if (typeof(obj) == "string") obj = document.getElementById(obj);
if (autoSize) {
obj.style.visibility = "hidden";
obj.style.display = "";
var objW = obj.offsetWidth;
var objH = obj.offsetHeight;
}
this._attachContent("obj", obj);
if (autoSize && this._isWindow) {
obj.style.visibility = "visible";
this._adjustToContent(objW, objH);
/* this._engineAdjustWindowToContent(this, objW, objH); */
}
}
this.obj.adjust = function() {
if (this.skin == "dhx_skyblue") {
if (this.toolbar) {
if (this._isWindow || this._isLayout) {
document.getElementById(this.toolbarId).style.height = "29px";
this.toolbarHeight = document.getElementById(this.toolbarId).offsetHeight;
if (this._doOnAttachToolbar) this._doOnAttachToolbar("show");
}
if (this._isCell) {
document.getElementById(this.toolbarId).className += " in_layoutcell";
}
if (this._isAcc) {
document.getElementById(this.toolbarId).className += " in_acccell";
}
}
}
}
// attach content obj|url
this.obj._attachContent = function(type, obj, append) {
// clear old content
while (that.dhxcont.mainCont.childNodes.length > 0) { that.dhxcont.mainCont.removeChild(that.dhxcont.mainCont.childNodes[0]); }
// attach
if (type == "obj") {
if (this._isWindow && obj.cmp == null && this.skin == "dhx_skyblue") {
this.dhxcont.mainCont.style.border = "#a4bed4 1px solid";
this.dhxcont.mainCont.style.backgroundColor = "#FFFFFF";
this._redraw();
}
that.dhxcont._frame = null;
that.dhxcont.mainCont.appendChild(obj);
that.dhxcont.mainCont.style.overflow = (append===true?"auto":"hidden");
obj.style.display = "";
}
}
this.obj._dhxContDestruct = function() {
// clear methods
this._genStr = null;
this.moveContentTo = null;
this.adjustContent = null;
this.attachToolbar = null;
while (this.dhxcont.mainCont.childNodes.length > 0) this.dhxcont.mainCont.removeChild(this.dhxcont.mainCont.childNodes[0]);
this.dhxcont.mainCont.innerHTML = "";
this.dhxcont.mainCont = null;
try { delete this.dhxcont["mainCont"]; } catch(e){};
while (this.dhxcont.childNodes.length > 0) this.dhxcont.removeChild(this.dhxcont.childNodes[0]);
this.dhxcont.innerHTML = "";
this.dhxcont = null;
try { delete this["dhxcont"]; } catch(e){};
}
}
//editor
(function(){
dhtmlx.extend_api("dhtmlXEditor",{
_init:function(obj){
return [obj.parent, obj.skin ];
},
content:"setContent"
},{});
})();