Add version files and new GIF images for UI components

themes/sources4.0/dhtmlxEditor/codebase/dhtmlxeditor.js

@@ -0,0 +1,666 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 4.0.3 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+function dhtmlXEditor(base, skin) {
+	
+	var that = this;
+	
+	this.conf = {
+		// set content after load
+		content: "", // first if set
+		contentHTML: "", // second
+		// resize
+		resizeTM: null,
+		resizeTMTime: 100,
+		// readonly
+		roMode: false,
+		// extended toolbar
+		toolbar: false,
+		iconsPath: "",
+		// frame events
+		evs: ["focus", "blur", "keydown", "keyup", "keypress", "mouseup", "mousedown", "click"]
+	};
+	
+	
+	this._doOnFocusChanged = null;
+	this._doOnAccess = null;
+	
+	if (typeof(base) == "object" && base != null && base.tagName == null) {
+		skin = base.skin;
+		if (base.content != null) this.conf.content = base.content;
+		if (base.contentHTML != null) this.conf.contentHTML = base.contentHTML;
+		if (base.iconsPath != null) this.conf.iconsPath = base.iconsPath;
+		if (base.toolbar != null) this.conf.toolbar = window.dhx4.s2b(base.toolbar);
+		if (base.onFocusChanged != null) this._doOnFocusChanged = base.onFocusChanged;
+		if (base.onAccess != null) this._doOnAccess = base.onAccess;
+		base = base.parent;
+	}
+	
+	// skin config
+	this.conf.skin = (skin||window.dhx4.skin||(typeof(dhtmlx)!="undefined"?dhtmlx.skin:null)||window.dhx4.skinDetect("dhxeditor")||"dhx_skyblue");
+	
+	// configure base
+	if (typeof(base) == "string") base = document.getElementById(base);
+	this.base = base;
+	this.base.className += " dhxeditor_"+this.conf.skin;
+	
+	while (this.base.childNodes.length > 0) this.base.removeChild(this.base.childNodes[0]);
+	
+	// configure base for dhxcont
+	var pos = (window.dhx4.isIE ? this.base.currentStyle["position"] : window.getComputedStyle(this.base, null).getPropertyValue("position"));
+	if (!(pos == "relative" || pos == "absolute")) this.base.style.position = "relative";
+	
+	// init dhxcont
+	this.cell = new dhtmlXEditorCell(window.dhx4.newId(), this);
+	this.base.appendChild(this.cell.cell);
+	this.setSizes();
+	
+	this.cBlock = document.createElement("DIV");
+	this.cBlock.className = "dhxcont_content_blocker";
+	this.cBlock.style.display = "none";
+	this.base.appendChild(this.cBlock);
+	
+	// editable area
+	this.editor = document.createElement("IFRAME");
+	this.editor.className = "dhxeditor_mainiframe";
+	this.editor.frameBorder = 0;
+	if (window.dhx4.isOpera) this.editor.scrolling = "yes";
+	
+	// onAccess event - focus/blue as param
+	var fr = this.editor;
+	if (typeof(window.addEventListener) != "undefined") {
+		fr.onload = function() {
+			for (var q=0; q<that.conf.evs.length; q++) {
+				fr.contentWindow.addEventListener(that.conf.evs[q], that._ev, false);
+			}
+		}
+	} else {
+		fr.onreadystatechange = function(a) {
+			if (typeof(fr.readyState) != "undefined" && fr.readyState == "complete") {
+				try {
+					for (var q=0; q<that.conf.evs.length; q++) {
+						fr.contentWindow.document.body.attachEvent("on"+that.conf.evs[q], that._ev);
+					}
+				} catch(e){};
+			}
+		}
+	}
+	
+	this._ev = function(e) {
+		e = e||event;
+		var type = e.type;
+		that.callEvent("onAccess", [type, e]);
+		if (typeof(that._doOnAccess) == "function") {
+			that._doOnAccess(type, e);
+		} else if (typeof(that._doOnAccess) == "string" && typeof(window[that._doOnAccess]) == "function") {
+			window[that._doOnAccess](type, e);
+		}
+	}
+	this._focus = function() {
+		if (window.dhx4.isIE) {
+			this.editor.contentWindow.document.body.focus();
+		} else {
+			this.editor.contentWindow.focus();
+		}
+	}
+	
+	this.cell.attachObject(this.editor);
+	this.edWin = this.editor.contentWindow;
+	this.edDoc = this.edWin.document;
+	
+	this._prepareContent = function(saveContent, roMode) {
+		
+		var storedContent = "";
+		if (saveContent === true && this.getContent != null) storedContent = this.getContent();
+		
+		var edDoc = this.editor.contentWindow.document;
+		edDoc.open("text/html", "replace");
+		if (window.dhx4.isOpera) {
+			edDoc.write("<html><head><style> html, body { overflow:auto;-webkit-overflow-scrolling: touch; padding:0px; padding-left:5px !important; height:100%; margin:0px; font-family:Tahoma; font-size:12px; background-color:#ffffff;} </style></head><body "+(roMode!==true?"contenteditable='true'":"")+" tabindex='0'></body></html>");
+		} else {
+			if (window.dhx4.isKHTML) {
+				edDoc.write("<html><head><style> html {overflow-x: auto;-webkit-overflow-scrolling: touch; overflow-y: auto;} body { overflow: auto; overflow-y: scroll;} html,body { padding:0px; padding-left:5px !important; height:100%; margin:0px; font-family:Tahoma; font-size:12px; background-color:#ffffff;} </style></head><body "+(roMode!==true?"contenteditable='true'":"")+" tabindex='0'></body></html>");
+			} else {
+				if (window.dhx4.isIE) {
+					// && navigator.appVersion.indexOf("MSIE 9.0")!= -1
+					edDoc.write("<html><head><style> html {overflow-y: auto;} body {overflow-y: scroll;-webkit-overflow-scrolling: touch;} html,body { overflow-x: auto; padding:0px; padding-left:5px !important; height:100%; margin:0px; font-family:Tahoma; font-size:12px; background-color: #ffffff; outline: none;} </style></head><body "+(roMode!==true?"contenteditable='true'":"")+" tabindex='0'></body></html>");
+				} else {
+					edDoc.write("<html><head><style> html,body { overflow-x: auto; overflow-y:-webkit-overflow-scrolling: touch; scroll; padding:0px; padding-left:5px !important; height:100%; margin:0px; font-family:Tahoma; font-size:12px; background-color:#ffffff;} </style></head><body "+(roMode!==true?"contenteditable='true'":"")+" tabindex='0'></body></html>");
+				}
+			}
+		}
+		edDoc.close();
+		
+		if (window.dhx4.isIE) edDoc.contentEditable = (roMode!==true); else edDoc.designMode = (roMode!==true?"On":"Off");
+		if (window.dhx4.isFF) try { edDoc.execCommand("useCSS", false, true); } catch(e) {}
+		if (saveContent === true && this.setContent != null) this.setContent(storedContent);
+		
+	}
+	
+	// fix
+	this._prepareContent();
+	
+	// resize
+	this._doOnResize = function() {
+		window.clearTimeout(that.conf.resizeTM);
+		that.conf.resizeTM = window.setTimeout(function(){if(that.setSizes)that.setSizes();}, that.conf.resizeTMTime);
+	}
+	
+	// toolbar buttons
+	this._runCommand = function(name,param){
+		if (this.conf.roMode === true) return;
+		if (arguments.length < 2) param = null;
+		if (window.dhx4.isIE) this.edWin.focus();
+		try {
+			var edDoc = this.editor.contentWindow.document
+			edDoc.execCommand(name,false,param);
+		} catch(e){}
+		if (window.dhx4.isIE) {
+			this.edWin.focus();
+			var self = this;
+			window.setTimeout(function(){
+				self.edWin.focus();
+				self = null;
+			},1);
+		}
+	}
+	
+	// commands
+	this.applyBold = function() {
+		this._runCommand("Bold");
+	}
+	this.applyItalic = function() {
+		this._runCommand("Italic");
+	}
+	this.applyUnderscore = function() {
+		this._runCommand("Underline");
+	}
+	this.clearFormatting = function() {
+		this._runCommand("RemoveFormat");
+	}
+	
+	this._doOnClick = function(e) {
+		var ev = e||window.event;
+		var el = ev.target||ev.srcElement;
+		that._showInfo(el);
+	}
+	
+	this._doOnMouseDown = function(e) { // opera only
+		var ev = e||window.event;
+		var el = ev.target||ev.srcElement;
+		that._showInfo(el);
+	}
+	
+	this._doOnKeyUp = function(e) {
+		var ev = e||window.event;
+		var key = ev.keyCode;
+		var el = ev.target||ev.srcElement;
+		if ({37:1,38:1,39:1,40:1,13:1}[key] == 1) that._showInfo(el);
+	}
+	
+
+	this._getParentByTag = function(node, tag_name) {
+		tag_name = tag_name.toLowerCase();
+		var p = node;
+		do {
+			if (tag_name == '' || p.nodeName.toLowerCase() == tag_name) return p;
+		} while (p = p.parentNode);
+		return node;
+	}
+	
+	this._isStyleProperty = function(node, tag_name, name, value){
+		tag_name = tag_name.toLowerCase();
+		var n = node;
+		do {
+			if ((n.nodeName.toLowerCase() == tag_name) && (n.style[name] == value)) return true;
+   		} while (n = n.parentNode);
+   		return false;
+	}
+	
+	this._setStyleProperty = function(el, prop) {
+		this.style[prop] = false;
+		var n = this._getParentByTag(el, prop);
+		if (n && (n.tagName.toLowerCase() == prop)) this.style[prop] = true;
+		if (prop == "del" && this._getParentByTag(el, "strike") && this._getParentByTag(el,"strike").tagName.toLowerCase() == "strike") this.style.del = true;
+	}
+	
+	this._showInfo = function(el) {
+		
+		var el = (this._getSelectionBounds().end)?this._getSelectionBounds().end : el;
+		if (!el || !this._setStyleProperty) return;
+		
+		try {
+			if (this.edWin.getComputedStyle) {
+				var st = this.edWin.getComputedStyle(el, null);
+				var fw = ((st.getPropertyValue("font-weight")==401)?700:st.getPropertyValue("font-weight"));
+				this.style = {
+					fontStyle	: st.getPropertyValue("font-style"),
+					fontSize	: st.getPropertyValue("font-size"),
+					textDecoration	: st.getPropertyValue("text-decoration"),
+					fontWeight	: fw,
+					fontFamily	: st.getPropertyValue("font-family"),
+					textAlign	: st.getPropertyValue("text-align")
+				};
+				if (window.dhx4.isKHTML) { // safari
+					this.style.fontStyle = st.getPropertyValue("font-style");
+					this.style.vAlign = st.getPropertyValue("vertical-align");
+					this.style.del = this._isStyleProperty(el,"span","textDecoration","line-through");
+					this.style.u = this._isStyleProperty(el,"span","textDecoration","underline");
+				}
+			} else {
+				var st = el.currentStyle;
+				this.style = {
+					fontStyle	: st.fontStyle,
+					fontSize	: st.fontSize,
+					textDecoration	: st.textDecoration,
+					fontWeight	:  st.fontWeight,
+					fontFamily	: st.fontFamily,
+					textAlign	: st.textAlign
+				};
+			}
+			this._setStyleProperty(el,"h1");
+			this._setStyleProperty(el,"h2");
+			this._setStyleProperty(el,"h3");
+			this._setStyleProperty(el,"h4");
+			if (!window.dhx4.isKHTML) {
+				this._setStyleProperty(el,"del");
+				this._setStyleProperty(el,"sub");
+				this._setStyleProperty(el,"sup");
+				this._setStyleProperty(el,"u");
+			}
+			this.callEvent("onFocusChanged", [this.style, st])
+		} catch(e){ return null; }
+	}
+	
+	this._getSelectionBounds = function() {
+   		var range, root, start, end;
+		if (this.edWin.getSelection) {
+			var selection = this.edWin.getSelection();
+			range = selection.getRangeAt(selection.rangeCount-1);
+			start = range.startContainer;
+			end = range.endContainer;
+			root = range.commonAncestorContainer;
+			if (start.nodeName == "#text") root = root.parentNode; 
+			if (start.nodeName == "#text") start = start.parentNode;
+			if (start.nodeName.toLowerCase() == "body") start = start.firstChild;
+			if (end.nodeName == "#text") end = end.parentNode;
+			if (end.nodeName.toLowerCase() == "body") end = end.lastChild;
+			if (start == end) root = start;
+			return {
+				root: root,
+				start: start,
+				end: end
+			};
+		} else if (this.edWin.document.selection) {
+			range = this.edDoc.selection.createRange()
+			if(!range.duplicate) return null;
+			root = range.parentElement();
+			var r1 = range.duplicate();
+			var r2 = range.duplicate();
+			r1.collapse(true);
+			r2.moveToElementText(r1.parentElement());
+			r2.setEndPoint("EndToStart",r1);
+			start = r1.parentElement();
+			r1 = range.duplicate();
+			r2 = range.duplicate();
+			r2.collapse(false);
+			r1.moveToElementText(r2.parentElement());
+			r1.setEndPoint("StartToEnd", r2);
+			end = r2.parentElement();
+	   		if (start.nodeName.toLowerCase() == "body") start = start.firstChild;
+			if (end.nodeName.toLowerCase() == "body") end = end.lastChild;
+			
+			if (start == end) root = start;
+			return {
+				root: root,
+				start: start,
+				end: end
+			};
+   		}
+   		return null;
+	}
+	
+	this.getContent = function(){
+		if (!this.edDoc.body) {
+			return "";
+		} else {
+			if (window.dhx4.isFF) return this.editor.contentWindow.document.body.innerHTML.replace(/<\/{0,}br\/{0,}>\s{0,}$/gi,"");
+			if (window.dhx4.isIE && this.edDoc.body.innerText.length == 0) return "";
+			return this.edDoc.body.innerHTML;
+		}
+	}
+	
+	this.setContent = function(str){
+		str = str||"";
+		if (this.edDoc.body) {
+			var ffTest = false;
+			if (window.dhx4.isFF) {
+				var k = navigator.userAgent.match(/Firefox\/(\d*)/);
+				ffTest = (k != null && k[1] < 28);
+			}
+			if (ffTest) {
+				if (typeof(this.conf.ffTest) == "undefined") {
+					this.editor.contentWindow.document.body.innerHTML = "";
+					this._runCommand("InsertHTML", "test");
+					this.conf.ffTest = (this.editor.contentWindow.document.body.innerHTML.length > 0);
+				}
+				if (this.conf.ffTest) {
+					// FF 4.x+
+					this.editor.contentWindow.document.body.innerHTML = str;
+				} else {
+					// FF 2.x, 3.x
+					this.editor.contentWindow.document.body.innerHTML = "";
+					if (str.length == 0) str=" ";
+					this._runCommand("InsertHTML", str);
+				}
+			} else {
+				this.editor.contentWindow.document.body.innerHTML = str;
+			}
+			this.callEvent("onContentSet",[]);
+		} else {
+			if (!this.conf.firstLoadEv) {
+				this.conf.firstLoadEv = true;
+				this.conf.firstLoadData = str;
+				this._onFirstLoad = function() {
+					that.setContent(that.conf.firstLoadData);
+					if (typeof(window.addEventListener) == "function") {
+						that.edWin.removeEventListener("load", that._onFirstLoad, false);
+					} else {
+						that.edWin.detachEvent("onload", that._onFirstLoad);
+					}
+					that.conf.firstLoadData = null;
+					that.conf.firstLoadEv = false;
+					that._onFirstLoad = null;
+				}
+				if (typeof(window.addEventListener) == "function") {
+					this.edWin.addEventListener("load", this._onFirstLoad, false);
+				} else {
+					this.edWin.attachEvent("onload", this._onFirstLoad);
+				}
+			}
+		}
+	}
+	
+	this.setContentHTML = function(url) {
+		window.dhx4.ajax.get(url, function(r) {
+			if (r.xmlDoc.responseText != null) that.setContent(r.xmlDoc.responseText);
+		});
+	}
+	
+	// events
+	window.dhx4._eventable(this);
+	
+	this.attachEvent("onFocusChanged", function(state){
+		if (typeof(this._doOnFocusChanged) == "function") {
+			this._doOnFocusChanged(state);
+		} else if (typeof(this._doOnFocusChanged) == "string" && typeof(window[this._doOnFocusChanged]) == "function") {
+			window[this._doOnFocusChanged](state);
+		}
+	});
+	
+	if (typeof(window.addEventListener) == "function") {
+		window.addEventListener("resize", this._doOnResize, false);
+		this.edDoc.addEventListener("click", this._doOnClick, false);
+		this.edDoc.addEventListener("keyup", this._doOnKeyUp, false);
+		if (window.dhx4.isOpera) this.edDoc.addEventListener("mousedown", this._doOnMouseDown, false);
+	} else {
+		window.attachEvent("onresize", this._doOnResize);
+		this.edDoc.attachEvent("onclick", this._doOnClick);
+		this.edDoc.attachEvent("onkeyup", this._doOnKeyUp);
+	}
+	
+	this.unload = function() {
+		
+		// first detach events from iframe
+		if (typeof(window.addEventListener) == "function") {
+			window.removeEventListener("resize", this._doOnResize, false);
+			this.edDoc.removeEventListener("click", this._doOnClick, false);
+			this.edDoc.removeEventListener("keyup", this._doOnKeyUp, false);
+			if (window.dhx4.isOpera) this.edDoc.removeEventListener("mousedown", this._doOnMouseDown, false);
+			// editor's
+			for (var q=0; q<that.conf.evs.length; q++) {
+				fr.contentWindow.removeEventListener(that.conf.evs[q], that._ev, false);
+			}
+		} else {
+			window.detachEvent("onresize", this._doOnResize, false);
+			this.edDoc.detachEvent("onclick", this._doOnClick);
+			this.edDoc.detachEvent("onkeyup", this._doOnKeyUp);
+			// editor's
+			for (var q=0; q<that.conf.evs.length; q++) {
+				fr.contentWindow.document.body.detachEvent("on"+that.conf.evs[q], that._ev);
+			}
+		}
+		
+		this._doOnAccess = null;
+		this._doOnFocusChanged = null;
+		
+		// remove editor
+		if (typeof(window.addEventListener) == "function") {
+			this.editor.onload = null;
+		} else {
+			this.editor.onreadystatechange = null;
+		}
+		this.editor.parentNode.removeChild(this.editor);
+		this.editor = null;
+		this.edDoc = null;
+		this.edWin = null;
+		
+		// unload cell
+		this.cell._unload();
+		this.cell = null;
+		
+		// extended toolbar
+		this.tb = null;
+		
+		window.dhx4._eventable(this, "clear");
+		
+		this.cBlock.parentNode.removeChild(this.cBlock);
+		this.cBlock = null;
+		
+		// clear container features
+		this.base.className = String(this.base.className).replace(new RegExp("\\s{0,}dhxeditor_"+this.conf.skin),"");
+		while (this.base.childNodes.length > 0) this.base.removeChild(this.base.childNodes[0]);
+		this.base = null;
+		
+		this._doOnClick = null;
+		this._doOnKeyUp = null;
+		this._doOnMouseDown = null;
+		
+		this._ev = null;
+		this._focus = null;
+		this._prepareContent = null;
+		this._doOnResize = null;
+		this.setIconsPath = null;
+		this.init = null;
+		this.setSizes = null;
+		this._runCommand = null;
+		this.applyBold = null;
+		this.applyItalic = null;
+		this.applyUnderscore = null;
+		this.clearFormatting = null;
+		this._showInfo = null;
+		this._getSelectionBounds = null;
+		this.getContent = null;
+		this.setContent = null;
+		this.setContentHTML = null;
+		this.setReadonly = null;
+		this.isReadonly = null;
+		this.unload = null;
+		
+		that = fr = null;
+	}
+	
+	// load extended toolbar if any
+	if (this.conf.toolbar == true && typeof(this.attachToolbar) == "function" && typeof(window.dhtmlXToolbarObject) == "function") {
+		this.attachToolbar(this.conf.iconsPath);
+	}
+	this.setIconsPath = function(iconsPath) {
+		this.conf.iconsPath = iconsPath;
+	}
+	
+	// load content if any
+	if (this.conf.content.length > 0) {
+		this.setContent(this.conf.content);
+		this.conf.content = "";
+	} else if (this.conf.contentHTML.length > 0) {
+		this.setContentHTML(this.conf.contentHTML);
+		this.conf.contentHTML = "";
+	}
+	
+	return this;
+};
+
+dhtmlXEditor.prototype.setSizes = function() {
+	this.cell._setSize(0, 0, this.base.clientWidth, this.base.clientHeight);
+};
+
+dhtmlXEditor.prototype.setReadonly = function(mode) {
+	this.conf.roMode = (mode===true);
+	this._prepareContent(true, this.conf.roMode);
+	this.cBlock.style.display = (this.conf.roMode?"":"none");
+};
+
+dhtmlXEditor.prototype.isReadonly = function(mode) {
+	return (this.conf.roMode||false);
+};
+
+dhtmlXEditor.prototype.setSkin = function(skin) {
+	this.base.className = String(this.base.className).replace(new RegExp("dhxeditor_"+this.conf.skin),"dhxeditor_"+skin);
+	this.conf.skin = this.cell.conf.skin = skin;
+	if (this.tb) {
+		this.cell.detachToolbar(skin);
+		this.tb = null;
+		this.attachToolbar();
+	}
+	this.setSizes();
+};
+window.dhtmlXEditorCell = function(id, editor) {
+	
+	dhtmlXCellObject.apply(this, [id, "_editor"]);
+	
+	var that = this;
+	this.editor = editor;
+	
+	this.conf.skin = this.editor.conf.skin;
+	
+	this.attachEvent("_onCellUnload", function(){
+		
+		// unload simple toolbar
+		this._stbUnload();
+		
+		this.editor = null;
+		that = null;
+		
+	});
+	
+	// simple toolbar init
+	this._stbInit();
+	
+	return this;
+};
+
+dhtmlXEditorCell.prototype = new dhtmlXCellObject();
+
+// simple toolbar
+dhtmlXEditorCell.prototype._stbInit = function() {
+	
+	var that = this;
+	
+	var t = document.createElement("DIV");
+	t.className = "dhx_cell_stb";
+	this.cell.insertBefore(t, this.cell.childNodes[this.conf.idx.cont]);
+	
+	t.onselectstart = function(e) {
+		e = e||event;
+		e.cancelBubble = true;
+		if (e.preventDefault) e.preventDefault(); else e.returnValue = false;
+		return false;
+	}
+	
+	var items = {
+		bold: "applyBold",
+		italic: "applyItalic",
+		underline: "applyUnderscore",
+		clearformat: "clearFormatting"
+	};
+	
+	for (var k in items) {
+		
+		var a = document.createElement("A");
+		a.href = "javascript:void(0);";
+		a.tabIndex = -1;
+		t.appendChild(a);
+		
+		a.onmousedown = a.onclick = function(e){
+			e = e||event;
+			if (e.preventDefault) e.preventDefault(); else e.returnValue = false;
+			return false;
+		}
+		
+		var d = document.createElement("DIV");
+		d.className = "dhx_cell_stb_button btn_"+k;
+		d._actv = k.charAt(0);
+		d._cmd = items[k];
+		a.appendChild(d);
+		
+		d.onclick = function(e){
+			e = e||event;
+			if (e.preventDefault) e.preventDefault(); else e.returnValue = false;
+			return false;
+		}
+		d.onmousedown = function(e){
+			e = e||event;
+			if (e.preventDefault) e.preventDefault(); else e.returnValue = false;
+			that.editor[this._cmd]();
+			that.editor.callEvent("onToolbarClick",[this._actv]);
+		}
+		
+		d = a = null;
+	}
+	
+	t = null;
+	
+	this._stbUnload = function() {
+		
+		var t = this.cell.childNodes[this.conf.idx.stb];
+		t.onselectstart = null;
+		
+		while (t.childNodes.length > 0) {
+			t.lastChild.onmousedown = t.lastChild.onclick = null;
+			t.lastChild.firstChild.onmousedown = t.lastChild.firstChild.onclick = null;
+			t.lastChild.firstChild._actv = t.lastChild.firstChild._cmd = null;
+			t.lastChild.removeChild(t.lastChild.firstChild);
+			t.removeChild(t.lastChild);
+		}
+		t.parentNode.removeChild(t);
+		t = that = null;
+		
+		this.conf.idx_data.stb = this.conf.ofs_nodes.t._getStbHeight = null;
+		delete this.conf.ofs_nodes.t._getStbHeight
+		delete this.conf.idx_data.stb;
+		
+		this._updateIdx();
+		
+	};
+	
+	// include into content top offset calculation
+	this.conf.ofs_nodes.t._getStbHeight = "func";
+	
+	// include into index
+	this.conf.idx_data.stb = "dhx_cell_stb";
+	this._updateIdx();
+	
+};
+
+dhtmlXEditorCell.prototype._stbHide = function() {
+	this.cell.childNodes[this.conf.idx.stb].style.display = "none";
+};
+
+dhtmlXEditorCell.prototype._getStbHeight = function() {
+	return this.cell.childNodes[this.conf.idx.stb].offsetHeight;
+};

themes/sources4.0/dhtmlxEditor/codebase/ext/dhtmlxeditor_ext.js

@@ -0,0 +1,238 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 4.0.3 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+dhtmlXEditor.prototype.attachToolbar = function(iconsPath) {
+	
+	if (this.tb != null) return;
+	
+	if (iconsPath != null) this.conf.iconsPath = iconsPath;
+	
+	this.cell._stbHide();
+	this.tb = this.cell.attachToolbar({
+		icons_path: this.conf.iconsPath+"/dhxeditor_"+String(this.conf.skin).replace(/^dhx_/,"")+"/",
+		skin: this.conf.skin
+	});
+	this.setSizes();
+	
+	this._availFonts = new Array("Arial", "Arial Narrow", "Comic Sans MS", "Courier", "Georgia", "Impact", "Tahoma", "Times New Roman", "Verdana");
+	this._initFont = this._availFonts[0];
+	this._xmlFonts = "";
+	for (var q=0; q<this._availFonts.length; q++) {
+		var fnt = String(this._availFonts[q]).replace(/\s/g,"_");
+		this._xmlFonts += '<item type="button" id="applyFontFamily:'+fnt+'"><itemText><![CDATA[<img src="'+this.tb.imagePath+'font_'+String(fnt).toLowerCase()+'.gif" border="0" style="/*margin-top:1px;margin-bottom:1px;*/width:110px;height:16px;">]]></itemText></item>';
+	}
+	//
+	this._availSizes = {"1":"8pt", "2":"10pt", "3":"12pt", "4":"14pt", "5":"18pt", "6":"24pt", "7":"36pt"};
+	this._xmlSizes = "";
+	for (var a in this._availSizes) {
+		this._xmlSizes += '<item type="button" id="applyFontSize:'+a+':'+this._availSizes[a]+'" text="'+this._availSizes[a]+'"/>';
+	}
+	this.tbXML = '<toolbar>'+
+				// h1-h4
+				'<item id="applyH1" type="buttonTwoState" img="h1.gif" imgdis="h4_dis.gif" title="H1"/>'+
+				'<item id="applyH2" type="buttonTwoState" img="h2.gif" imgdis="h4_dis.gif" title="H2"/>'+
+				'<item id="applyH3" type="buttonTwoState" img="h3.gif" imgdis="h4_dis.gif" title="H3"/>'+
+				'<item id="applyH4" type="buttonTwoState" img="h4.gif" imgdis="h4_dis.gif" title="H4"/>'+
+				'<item id="separ01" type="separator"/>'+
+				// text
+				'<item id="applyBold" type="buttonTwoState" img="bold.gif" imgdis="bold_dis.gif" title="Bold Text"/>'+
+				'<item id="applyItalic" type="buttonTwoState" img="italic.gif" imgdis="italic_dis.gif" title="Italic Text"/>'+
+				'<item id="applyUnderscore" type="buttonTwoState" img="underline.gif" imgdis="underline_dis.gif" title="Underscore Text"/>'+
+				'<item id="applyStrikethrough" type="buttonTwoState" img="strike.gif" imgdis="strike_dis.gif" title="Strikethrough Text"/>'+
+				'<item id="separ02" type="separator"/>'+
+				// align
+				'<item id="alignLeft" type="buttonTwoState" img="align_left.gif" imgdis="align_left_dis.gif" title="Left Alignment"/>'+
+				'<item id="alignCenter" type="buttonTwoState" img="align_center.gif" imgdis="align_center_dis.gif" title="Center Alignment"/>'+
+				'<item id="alignRight" type="buttonTwoState" img="align_right.gif" imgdis="align_right_dis.gif" title="Right Alignment"/>'+
+				'<item id="alignJustify" type="buttonTwoState" img="align_justify.gif" title="Justified Alignment"/>'+
+				'<item id="separ03" type="separator"/>'+
+				// sub/super script
+				'<item id="applySub" type="buttonTwoState" img="script_sub.gif" imgdis="script_sub.gif" title="Subscript"/>'+
+				'<item id="applySuper" type="buttonTwoState" img="script_super.gif" imgdis="script_super_dis.gif" title="Superscript"/>'+
+				'<item id="separ04" type="separator"/>'+
+				// etc
+				'<item id="createNumList" type="button" img="list_number.gif" imgdis="list_number_dis.gif" title="Number List"/>'+
+				'<item id="createBulList" type="button" img="list_bullet.gif" imgdis="list_bullet_dis.gif" title="Bullet List"/>'+
+				'<item id="separ05" type="separator"/>'+
+				//
+				'<item id="increaseIndent" type="button" img="indent_inc.gif" imgdis="indent_inc_dis.gif" title="Increase Indent"/>'+
+				'<item id="decreaseIndent" type="button" img="indent_dec.gif" imgdis="indent_dec_dis.gif" title="Decrease Indent"/>'+
+				'<item id="separ06" type="separator"/>'+
+				'<item id="clearFormatting" type="button" img="clear.gif" title="Clear Formatting"/>'+
+			'</toolbar>';
+	
+	this.tb.loadStruct(this.tbXML);
+	
+	this._checkAlign = function(alignSelected) {
+		this.tb.setItemState("alignCenter", false);
+		this.tb.setItemState("alignRight", false);
+		this.tb.setItemState("alignJustify", false);
+		this.tb.setItemState("alignLeft", false);
+		if (alignSelected) this.tb.setItemState(alignSelected, true);
+	}
+	
+	this._checkH = function(h) {
+		this.tb.setItemState("applyH1", false);
+		this.tb.setItemState("applyH2", false);
+		this.tb.setItemState("applyH3", false);
+		this.tb.setItemState("applyH4", false);
+		if (h) this.tb.setItemState(h, true);
+	}
+	
+	this._doOnFocusChanged = function(state) {
+		/*bold*/
+		if(!state.h1&&!state.h2&&!state.h3&&!state.h4){
+			var bold = (String(state.fontWeight).search(/bold/i) != -1) || (Number(state.fontWeight) >= 700);
+			this.tb.setItemState("applyBold", bold);
+		} else this.tb.setItemState("applyBold", false);
+		// align
+		var alignId = "alignLeft";
+		if (String(state.textAlign).search(/center/) != -1) { alignId = "alignCenter"; }
+		if (String(state.textAlign).search(/right/) != -1) { alignId = "alignRight"; }
+		if (String(state.textAlign).search(/justify/) != -1) { alignId = "alignJustify"; }
+		this.tb.setItemState(alignId, true);
+		this._checkAlign(alignId);
+		/*heading*/
+		this.tb.setItemState("applyH1", state.h1);
+		this.tb.setItemState("applyH2", state.h2);
+		this.tb.setItemState("applyH3", state.h3);
+		this.tb.setItemState("applyH4", state.h4);
+		if (window._KHTMLrv) {
+			/*for Safari*/
+			state.sub = (state.vAlign == "sub");
+			state.sup = (state.vAlign == "super");
+		}
+		this.tb.setItemState("applyItalic", (state.fontStyle == "italic"));
+		this.tb.setItemState("applyStrikethrough", state.del);
+		this.tb.setItemState("applySub", state.sub);
+		this.tb.setItemState("applySuper", state.sup);
+		this.tb.setItemState("applyUnderscore", state.u);
+	}
+	
+	this._doOnToolbarClick = function(id) {
+		var action = String(id).split(":");
+		if (this[action[0]] != null) {
+			if (typeof(this[action[0]]) == "function") {
+				this[action[0]](action[1]);
+				this.callEvent("onToolbarClick",[id]);
+			}
+		}
+	}
+	
+	this._doOnStateChange = function(itemId, state) {
+		this[itemId]();
+		switch (itemId) {
+			case "alignLeft":
+			case "alignCenter":
+			case "alignRight":
+			case "alignJustify":
+				this._checkAlign(itemId);
+				break;
+			case "applyH1":
+			case "applyH2":
+			case "applyH3":
+			case "applyH4":
+				this._checkH(itemId);
+				break;
+		}
+		this.callEvent("onToolbarClick",[itemId]);
+	}
+	this._doOnBeforeStateChange = function(itemId, state) {
+		if ((itemId == "alignLeft" || itemId == "alignCenter" || itemId == "alignRight" || itemId == "alignJustify") && state == true) {
+			return false;
+		}
+		return true;
+	}
+	var that = this;
+	
+	this.tb.attachEvent("onClick", function(id){that._doOnToolbarClick(id);});
+	this.tb.attachEvent("onStateChange", function(id,st){that._doOnStateChange(id,st);});
+	this.tb.attachEvent("onBeforeStateChange", function(id,st){return that._doOnBeforeStateChange(id,st);});
+	
+	this.applyBold = function(){
+		this._runCommand("Bold");
+	}
+	
+	this.applyItalic = function(){
+		this._runCommand("Italic");
+	}
+	
+	this.applyUnderscore = function(){
+		this._runCommand("Underline");
+	}
+	
+	this.applyStrikethrough = function(){
+		this._runCommand("StrikeThrough");
+	}
+	
+	this.alignLeft = function(){
+		this._runCommand("JustifyLeft");
+	}
+	
+	this.alignRight = function(){
+		this._runCommand("JustifyRight");
+	}
+	
+	this.alignCenter = function(){
+		this._runCommand("JustifyCenter");
+	}
+	
+	this.alignJustify = function(){
+		this._runCommand("JustifyFull");
+	}
+	
+	this.applySub = function(){
+		this._runCommand("Subscript");
+	}
+	
+	this.applySuper = function(){
+		this._runCommand("Superscript");
+	}
+	
+	this.applyH1 = function(){
+		this._runCommand("FormatBlock","<H1>");
+	}
+	
+	this.applyH2 = function(){
+		this._runCommand("FormatBlock","<H2>");
+	}
+	
+	this.applyH3 = function(){
+		this._runCommand("FormatBlock","<H3>");
+	}
+	
+	this.applyH4 = function(){
+		this._runCommand("FormatBlock","<H4>");
+	}
+	
+	this.createNumList = function(){
+		this._runCommand("InsertOrderedList");
+	}
+	
+	this.createBulList = function(){
+		this._runCommand("InsertUnorderedList");
+	}
+	
+	this.increaseIndent = function(){
+		this._runCommand("Indent");
+	}
+	
+	this.decreaseIndent = function(){
+		this._runCommand("Outdent");
+	}
+	this.clearFormatting = function() {
+		this._runCommand("RemoveFormat");
+		this.tb.setItemState("applyBold", false);
+		this.tb.setItemState("applyItalic", false);
+		this.tb.setItemState("applyStrikethrough", false);
+		this.tb.setItemState("applySub", false);
+		this.tb.setItemState("applySuper", false);
+		this.tb.setItemState("applyUnderscore", false);
+	}
+	
+};

themes/sources4.0/dhtmlxEditor/codebase/skins/dhtmlxeditor_dhx_skyblue.css

@@ -0,0 +1,101 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 4.0.3 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/* skin detected, extra file: skins/dhx_skyblue.less */
+
+.dhxeditor_dhx_skyblue {
+	position: relative;
+}
+.dhxeditor_dhx_skyblue iframe.dhxeditor_mainiframe {
+	position: absolute;
+	overflow: hidden;
+	top: 0px;
+	left: 0px;
+	width: 100%;
+	height: 100%;
+}
+.dhxeditor_dhx_skyblue div.dhx_cell_editor div.dhx_cell_stb {
+	position: relative;
+	height: 30px;
+	padding: 0px 5px;
+	border-bottom: 1px solid #a4bed4;
+	background-color: #e2efff;
+	background: linear-gradient(#e2efff,#d3e7ff);
+	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e2efff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+}
+.dhxeditor_dhx_skyblue div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button {
+	float: left;
+	position: relative;
+	width: 18px;
+	height: 18px;
+	font-size: 2px;
+	margin-left: 5px;
+	margin-top: 7px;
+	cursor: pointer;
+	background-image: url("../imgs/dhxeditor_skyblue/buttons.gif");
+}
+.dhxeditor_dhx_skyblue div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_bold {
+	margin-left: 5px;
+	background-position: 0px 0px;
+}
+.dhxeditor_dhx_skyblue div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_italic {
+	background-position: -18px 0px;
+}
+.dhxeditor_dhx_skyblue div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_underline {
+	background-position: -36px 0px;
+}
+.dhxeditor_dhx_skyblue div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_clearformat {
+	background-position: -54px 0px;
+}
+.dhxeditor_dhx_skyblue div.dhx_cell_editor {
+	position: absolute;
+	background-color: white;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	cursor: default;
+	z-index: 0;
+}
+.dhxeditor_dhx_skyblue div.dhx_cell_editor div.dhx_cell_cont_editor {
+	position: absolute;
+	overflow: hidden;
+}
+.dhxeditor_dhx_skyblue div.dhx_cell_editor div.dhx_cell_toolbar_def {
+	position: relative;
+	overflow: hidden;
+}
+.dhxeditor_dhx_skyblue div.dhx_cell_editor div.dhx_cell_toolbar_def div.dhx_toolbar_dhx_skyblue {
+	border-top-width: 0px;
+	border-left-width: 0px;
+	border-right-width: 0px;
+}
+.dhxwins_vp_dhx_skyblue div.dhx_cell_cont_wins div.dhxeditor_dhx_skyblue div.dhx_cell_editor div.dhx_cell_stb {
+	border-left: 1px solid #a4bed4;
+	border-right: 1px solid #a4bed4;
+	border-top: 1px solid #a4bed4;
+}
+.dhxwins_vp_dhx_skyblue div.dhx_cell_cont_wins div.dhxeditor_dhx_skyblue div.dhx_cell_editor div.dhx_cell_cont_editor {
+	border-left: 1px solid #a4bed4;
+	border-right: 1px solid #a4bed4;
+	border-bottom: 1px solid #a4bed4;
+}
+.dhxwins_vp_dhx_skyblue div.dhx_cell_cont_wins div.dhxeditor_dhx_skyblue div.dhx_cell_editor div.dhx_cell_toolbar_def {
+	padding: 0px;
+	border-top: 1px solid #a4bed4;
+}
+.dhxeditor_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 10px;
+	height: 10px;
+	overflow: hidden;
+}

themes/sources4.0/dhtmlxEditor/codebase/skins/dhtmlxeditor_dhx_terrace.css

@@ -0,0 +1,96 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 4.0.3 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/* skin detected, extra file: skins/dhx_terrace.less */
+
+.dhxeditor_dhx_terrace {
+	position: relative;
+}
+.dhxeditor_dhx_terrace iframe.dhxeditor_mainiframe {
+	position: absolute;
+	overflow: hidden;
+	top: 0px;
+	left: 0px;
+	width: 100%;
+	height: 100%;
+}
+.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb {
+	position: relative;
+	height: 34px;
+	background-color: #f5f5f5;
+	padding: 0px 5px;
+	border-bottom: 1px solid #cccccc;
+}
+.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button {
+	float: left;
+	position: relative;
+	width: 18px;
+	height: 18px;
+	font-size: 2px;
+	margin-left: 7px;
+	margin-top: 9px;
+	cursor: pointer;
+	background-image: url("../imgs/dhxeditor_terrace/buttons.gif");
+}
+.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_bold {
+	margin-left: 12px;
+	background-position: 0px 0px;
+}
+.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_italic {
+	background-position: -18px 0px;
+}
+.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_underline {
+	background-position: -36px 0px;
+}
+.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_clearformat {
+	background-position: -54px 0px;
+}
+.dhxeditor_dhx_terrace div.dhx_cell_editor {
+	position: absolute;
+	background-color: white;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	cursor: default;
+	z-index: 0;
+}
+.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_cont_editor {
+	position: absolute;
+	overflow: hidden;
+}
+.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_toolbar_def {
+	position: relative;
+	overflow: hidden;
+	padding: 5px;
+	border-bottom: 1px solid #cccccc;
+}
+.dhxwins_vp_dhx_terrace div.dhx_cell_cont_wins .dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb {
+	border-left: 1px solid #cccccc;
+	border-right: 1px solid #cccccc;
+	border-top: 1px solid #cccccc;
+}
+.dhxwins_vp_dhx_terrace div.dhx_cell_cont_wins .dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_cont_editor {
+	border-left: 1px solid #cccccc;
+	border-right: 1px solid #cccccc;
+	border-bottom: 1px solid #cccccc;
+}
+.dhxwins_vp_dhx_terrace div.dhx_cell_cont_wins .dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_toolbar_def {
+	padding: 0px;
+	border-top: 1px solid #cccccc;
+}
+.dhxeditor_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 30px;
+	height: 10px;
+	overflow: hidden;
+}

themes/sources4.0/dhtmlxEditor/codebase/skins/dhtmlxeditor_dhx_web.css

@@ -0,0 +1,91 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 4.0.3 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/* skin detected, extra file: skins/dhx_web.less */
+
+.dhxeditor_dhx_web {
+	position: relative;
+}
+.dhxeditor_dhx_web iframe.dhxeditor_mainiframe {
+	position: absolute;
+	overflow: hidden;
+	top: 0px;
+	left: 0px;
+	width: 100%;
+	height: 100%;
+}
+.dhxeditor_dhx_web div.dhx_cell_editor div.dhx_cell_stb {
+	position: relative;
+	height: 32px;
+	background-color: #3da0e3;
+}
+.dhxeditor_dhx_web div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button {
+	float: left;
+	position: relative;
+	width: 18px;
+	height: 18px;
+	font-size: 2px;
+	margin-left: 5px;
+	margin-top: 7px;
+	cursor: pointer;
+	background-image: url("../imgs/dhxeditor_web/buttons.gif");
+}
+.dhxeditor_dhx_web div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_bold {
+	margin-left: 12px;
+	background-position: 0px 0px;
+}
+.dhxeditor_dhx_web div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_italic {
+	background-position: -18px 0px;
+}
+.dhxeditor_dhx_web div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_underline {
+	background-position: -36px 0px;
+}
+.dhxeditor_dhx_web div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_clearformat {
+	background-position: -54px 0px;
+}
+.dhxeditor_dhx_web div.dhx_cell_editor {
+	position: absolute;
+	background-color: white;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	cursor: default;
+	z-index: 0;
+}
+.dhxeditor_dhx_web div.dhx_cell_editor div.dhx_cell_cont_editor {
+	position: absolute;
+	overflow: hidden;
+}
+.dhxeditor_dhx_web div.dhx_cell_editor div.dhx_cell_toolbar_def {
+	position: relative;
+	overflow: hidden;
+}
+.dhxwins_vp_dhx_web div.dhx_cell_cont_wins .dhxeditor_dhx_web div.dhx_cell_editor div.dhx_cell_cont_editor {
+	border-left: 1px solid #c7c7c7;
+	border-right: 1px solid #c7c7c7;
+	border-bottom: 1px solid #c7c7c7;
+}
+.dhxwins_vp_dhx_web div.dhx_cell_cont_wins .dhxeditor_dhx_web div.dhx_cell_editor div.dhx_cell_toolbar_def {
+	padding: 0px;
+}
+div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxeditor_dhx_web div.dhx_cell_editor div.dhx_cell_cont_editor {
+	border-left: 1px solid #c7c7c7;
+	border-right: 1px solid #c7c7c7;
+	border-bottom: 1px solid #c7c7c7;
+}
+.dhxeditor_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 20px;
+	height: 10px;
+	overflow: hidden;
+}

themes/sources4.0/dhtmlxEditor/codebase/skins/dhtmlxeditor_material.css

@@ -0,0 +1,134 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: material
+	include extra file: skins/material.less
+*/
+
+@keyframes dhx_loader_rotate {
+	100% {
+		transform: rotate(360deg);
+	}
+}
+@keyframes dhx_loader_dash {
+	0% {
+		stroke-dasharray: 1, 200;
+		stroke-dashoffset: 0;
+	}
+	50% {
+		stroke-dasharray: 89, 200;
+		stroke-dashoffset: -35px;
+	}
+	100% {
+		stroke-dasharray: 89, 200;
+		stroke-dashoffset: -124px;
+	}
+}
+.dhxeditor_material {
+	position: relative;
+}
+.dhxeditor_material iframe.dhxeditor_mainiframe {
+	position: absolute;
+	overflow: hidden;
+	font: inherit;
+	top: 0px;
+	left: 0px;
+	width: 100%;
+	height: 100%;
+}
+.dhxeditor_material div.dhx_cell_editor {
+	position: absolute;
+	background-color: white;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	cursor: default;
+	z-index: 0;
+}
+.dhxeditor_material div.dhx_cell_editor div.dhx_cell_cont_editor {
+	position: absolute;
+	overflow: hidden;
+}
+.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb {
+	position: relative;
+	height: 32px;
+	line-height: 32px;
+	padding: 0px 5px;
+	margin: 7px;
+	border: 1px solid #dfdfdf;
+	background-color: #fafafa;
+	overflow: hidden;
+}
+.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb.dhx_cell_stb_shadow {
+	border-width: 0px;
+	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
+}
+.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a {
+	position: relative;
+	float: left;
+	padding: 0px 8px;
+	border-style: solid;
+	border-color: #fafafa;
+	border-width: 0px 1px 0px 1px;
+}
+.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a div.dhx_cell_stb_button {
+	position: relative;
+	float: left;
+	width: 18px;
+	height: 32px;
+	line-height: 32px;
+	font-size: 1px;
+	cursor: pointer;
+	background-image: url("../imgs/dhxeditor_material/buttons.png");
+	background-position: 0px 7px;
+	background-repeat: no-repeat;
+}
+.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a div.dhx_cell_stb_button.btn_italic {
+	background-position: -18px 7px;
+}
+.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a div.dhx_cell_stb_button.btn_underline {
+	background-position: -36px 7px;
+}
+.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a div.dhx_cell_stb_button.btn_clearformat {
+	background-position: -54px 7px;
+}
+.dhxeditor_material div.dhx_cell_editor div.dhx_cell_stb a:hover {
+	background-color: #ebebeb;
+	border-color: #ebebeb;
+}
+.dhxeditor_material div.dhx_cell_editor div.dhx_cell_toolbar_def {
+	position: relative;
+	overflow: hidden;
+	padding: 7px;
+}
+.dhxeditor_material div.dhx_cell_editor div.dhx_cell_toolbar_def div.dhx_toolbar_material {
+	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
+}
+.dhxeditor_material.stb_height_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 50px;
+	height: 1px;
+	overflow: hidden;
+}
+.dhxeditor_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 40px;
+	height: 10px;
+	overflow: hidden;
+}