']);
break;
default :
return;
}
oEvent.preventDefault(); oEvent.stopPropagation();
},
$ON_EVENT_EDITING_AREA_KEYUP : function(oEvent){
// 33, 34: page up/down, 35,36: end/home, 37,38,39,40: left, up, right, down
if(oEvent.keyCode == 229 || oEvent.keyCode == 13 || oEvent.altKey || oEvent.ctrlKey || (oEvent.keyCode >= 33 && oEvent.keyCode <= 40) || oEvent.keyCode == 16) return;
this._recordUndo(oEvent);
},
$ON_PASTE_HTML : function(sHTML, oPSelection){
if(this.oApp.getEditingMode() != this.sMode) return;
var oSelection = oPSelection || this.oApp.getSelection();
oSelection.pasteHTML(sHTML);
// every browser except for IE may modify the innerHTML when it is inserted
if(!$.browser.msie){
var sTmpBookmark = oSelection.placeStringBookmark();
this.oApp.getWYSIWYGDocument().body.innerHTML = this.oApp.getWYSIWYGDocument().body.innerHTML;
oSelection.moveToBookmark(sTmpBookmark);
oSelection.collapseToEnd();
oSelection.select();
oSelection.removeStringBookmark(sTmpBookmark);
}
this.oApp.exec("RECORD_UNDO_ACTION", ["INSERT HTML"]);
},
$AFTER_MSG_EDITING_AREA_RESIZE_ENDED : function(FnMouseDown, FnMouseMove, FnMouseUp){
this.oApp.exec("REFRESH_WYSIWYG", []);
},
$ON_RESTORE_IE_SELECTION : function(){
if(this._oIERange){
this._oIERange.select();
this._oPrevIERange = this._oIERange;
this._oIERange = null;
}
},
initIframe : function(){
try {
this.doc = this.iframe.contentWindow.document;
if (this.doc == null || this.doc.location.href == 'about:blank') {
throw new Error('Access denied');
}
this._enableWYSIWYG();
this.status = xe.PLUGIN_STATUS["READY"];
} catch(e) {
if(this._nIFrameReadyCount-- > 0){
setTimeout($.fnBind(this.initIframe, this), 100);
}else{
throw("iframe for WYSIWYG editing mode can't be initialized. Please check if the iframe document exists and is also accessable(cross-domain issues). ");
}
}
},
getIR : function(){
var sContent = this.doc.body.innerHTML;
var sIR;
if(this.oApp.applyConverter)
sIR = this.oApp.applyConverter(this.sMode+"_TO_IR", sContent);
else
sIR = sContent;
return sIR;
},
setIR : function(sIR){
var sContent;
if(this.oApp.applyConverter)
sContent = this.oApp.applyConverter("IR_TO_"+this.sMode, sIR);
else
sContent = sIR;
this.doc.body.innerHTML = sContent;
if($.browser.mozilla){
if(this.doc.body.innerHTML == "") this.doc.body.innerHTML = "
";
}
},
getWindow : function(){
return this.iframe.contentWindow;
},
getDocument : function(){
return this.iframe.contentWindow.document;
},
focus : function(){
//this.getWindow().focus();
//this.oApp.exec("RESTORE_IE_SELECTION", []);
},
_recordUndo : function(oKeyInfo){
var curTime = new Date();
if(curTime-this.iLastUndoRecorded < this.iMinUndoInterval) return;
this.oApp.exec("RECORD_UNDO_ACTION", ["KEYPRESS"]);
this.iLastUndoRecorded = new Date();
this.prevKeyCode = oKeyInfo.keyCode;
},
_enableWYSIWYG : function(){
if ($.browser.msie){
this.doc.body.disabled = true;
this.doc.body.contentEditable = true;
this.doc.body.removeAttribute('disabled');
} else {
this.doc.designMode = "on";
}
},
_disableWYSIWYG : function(){
if ($.browser.msie){
this.doc.body.contentEditable = false;
} else {
this.doc.designMode = "off";
}
}
});
//}
//{
/**
* @fileOverview This file contains Xpress plugin that takes care of the operations related to resizing the editing area vertically
* @name hp_XE_EditingAreaVerticalResizer.js
*/
xe.XE_EditingAreaVerticalResizer = $.Class({
name : "XE_EditingAreaVerticalResizer",
oResizeGrip : null,
$init : function(oAppContainer){
this._assignHTMLObjects(oAppContainer);
this.$FnMouseDown = $.fnBind(this._mousedown, this);
this.$FnMouseMove = $.fnBind(this._mousemove, this);
this.$FnMouseUp = $.fnBind(this._mouseup, this);
$(this.oResizeGrip).bind("mousedown", this.$FnMouseDown);
},
_assignHTMLObjects : function(oAppContainer){
oAppContainer = $.$(oAppContainer) || document;
this.oResizeGrip = $(".xpress_xeditor_editingArea_verticalResizer", oAppContainer).get(0);
},
_mousedown : function(oEvent){
this.iStartHeight = oEvent.clientY;
$(document).bind("mousemove", this.$FnMouseMove);
$(document).bind("mouseup", this.$FnMouseUp);
this.oApp.exec("MSG_EDITING_AREA_RESIZE_STARTED", [this.$FnMouseDown, this.$FnMouseMove, this.$FnMouseUp]);
},
_mousemove : function(oEvent){
var iHeightChange = oEvent.clientY - this.iStartHeight;
this.oApp.exec("RESIZE_EDITING_AREA_BY", [0, iHeightChange]);
},
_mouseup : function(oEvent){
$(document).unbind("mousemove", this.$FnMouseMove);
$(document).unbind("mouseup", this.$FnMouseUp);
this.oApp.exec("MSG_EDITING_AREA_RESIZE_ENDED", [this.$FnMouseDown, this.$FnMouseMove, this.$FnMouseUp]);
}
});
//}
//{
/**
* @fileOverview This file contains Xpress plugin that takes care of the basic editor commands
* @name hp_XE_ExecCommand.js
*/
xe.XE_ExecCommand = $.Class({
name : "XE_ExecCommand",
oEditingArea : null,
$init : function(oEditingArea){
this.oEditingArea = oEditingArea;
},
$BEFORE_MSG_APP_READY : function(){
// the right document will be available only when the src is completely loaded
if(this.oEditingArea && this.oEditingArea.tagName == "IFRAME")
this.oEditingArea = this.oEditingArea.contentWindow.document;
},
$ON_MSG_APP_READY : function(){
this.oApp.exec("REGISTER_HOTKEY", ["ctrl+b", "EXECCOMMAND", ["bold", false, false]]);
this.oApp.exec("REGISTER_HOTKEY", ["ctrl+u", "EXECCOMMAND", ["underline", false, false]]);
this.oApp.exec("REGISTER_HOTKEY", ["ctrl+i", "EXECCOMMAND", ["italic", false, false]]);
this.oApp.exec("REGISTER_HOTKEY", ["ctrl+d", "EXECCOMMAND", ["strikethrough", false, false]]);
this.oApp.exec("REGISTER_UI_EVENT", ["bold", "click", "EXECCOMMAND", ["bold", false, false]]);
this.oApp.exec("REGISTER_UI_EVENT", ["underline", "click", "EXECCOMMAND", ["underline", false, false]]);
this.oApp.exec("REGISTER_UI_EVENT", ["italic", "click", "EXECCOMMAND", ["italic", false, false]]);
this.oApp.exec("REGISTER_UI_EVENT", ["lineThrough", "click", "EXECCOMMAND", ["strikethrough", false, false]]);
this.oApp.exec("REGISTER_UI_EVENT", ["superscript", "click", "EXECCOMMAND", ["superscript", false, false]]);
this.oApp.exec("REGISTER_UI_EVENT", ["subscript", "click", "EXECCOMMAND", ["subscript", false, false]]);
this.oApp.exec("REGISTER_UI_EVENT", ["justifyleft", "click", "EXECCOMMAND", ["justifyleft", false, false]]);
this.oApp.exec("REGISTER_UI_EVENT", ["justifycenter", "click", "EXECCOMMAND", ["justifycenter", false, false]]);
this.oApp.exec("REGISTER_UI_EVENT", ["justifyright", "click", "EXECCOMMAND", ["justifyright", false, false]]);
this.oApp.exec("REGISTER_UI_EVENT", ["justifyfull", "click", "EXECCOMMAND", ["justifyfull", false, false]]);
this.oApp.exec("REGISTER_UI_EVENT", ["orderedlist", "click", "EXECCOMMAND", ["insertorderedlist", false, false]]);
this.oApp.exec("REGISTER_UI_EVENT", ["unorderedlist", "click", "EXECCOMMAND", ["insertunorderedlist", false, false]]);
this.oApp.exec("REGISTER_UI_EVENT", ["outdent", "click", "EXECCOMMAND", ["outdent", false, false]]);
this.oApp.exec("REGISTER_UI_EVENT", ["indent", "click", "EXECCOMMAND", ["indent", false, false]]);
},
$BEFORE_EXECCOMMAND : function(sCommand, bUserInterface, vValue){
this._bOnlyCursorChanged = false;
this.oApp.exec("FOCUS", []);
if(sCommand.match(/^bold|underline|italic|strikethrough|superscript|subscript$/i)){
var oSelection = this.oApp.getSelection();
if(oSelection.collapsed) this._bOnlyCursorChanged = true;
}
if(!this._bOnlyCursorChanged){
this.oApp.exec("RECORD_UNDO_BEFORE_ACTION", [sCommand]);
}
},
$ON_EXECCOMMAND : function(sCommand, bUserInterface, vValue){
bUserInterface = (bUserInterface == "" || bUserInterface)?bUserInterface:false;
vValue = (vValue == "" || vValue)?vValue:false;
this.oEditingArea.execCommand(sCommand, bUserInterface, vValue);
},
$AFTER_EXECCOMMAND : function(sCommand, bUserInterface, vValue){
if(!this._bOnlyCursorChanged){
this.oApp.exec("RECORD_UNDO_AFTER_ACTION", [sCommand]);
}
this.oApp.exec("CHECK_STYLE_CHANGE", []);
}
});
//}
//{
/**
* @fileOverview This file contains Xpress plugin that takes care of the operations related to wrapping the sentence around with a tag when enter key is pressed
* @name hp_XE_WYSIWYGEnterKey.js
*/
xe.XE_WYSIWYGEnterKey = $.Class({
name : "XE_WYSIWYGEnterKey",
// IE/Opera do not need this
unsupportedBrowser : ['ie', 'opera'],
oEditingArea : null,
$init : function(oEditingArea){
this.oEditingArea = oEditingArea;
},
$BEFORE_MSG_APP_READY : function(){
// the right document will be available only when the src is completely loaded
if(this.oEditingArea && this.oEditingArea.tagName == "IFRAME")
this.oEditingArea = this.oEditingArea.contentWindow.document;
},
$ON_EVENT_EDITING_AREA_KEYDOWN : function(oEvent){
if(this.oApp.getEditingMode() != "WYSIWYG") return;
if(oEvent.shiftKey) return;
if(oEvent.keyCode == 13){
var oSelection = this.oApp.getSelection();
var sBM = oSelection.placeStringBookmark();
var oLineInfo = oSelection.getLineInfo();
var oStart = oLineInfo.oStart;
var oEnd = oLineInfo.oEnd;
//top.document.title = oStart.oNode.tagName+":"+oStart.oNode.nodeValue+", "+oEnd.oNode.tagName+":"+oEnd.oNode.nodeValue+"::"+oStart.bParentBreak+", "+oStart.oLineBreaker.tagName;
// line broke by sibling
// or
// the parent line breaker is just a block container
if(!oStart.bParentBreak || oSelection.rxBlockContainer.test(oStart.oLineBreaker.tagName)){
oEvent.stopPropagation();
oEvent.preventDefault();
var oSWrapper = this.oEditingArea.createElement("P");
oSelection.moveToBookmark(sBM);
oSelection.setStartBefore(oStart.oNode);
oSelection.surroundContents(oSWrapper);
oSelection.collapseToEnd();
var oEWrapper = this.oEditingArea.createElement("P");
oSelection.setEndAfter(oEnd.oNode);
oSelection.surroundContents(oEWrapper);
oSelection.removeStringBookmark(sBM);
if(oSWrapper.innerHTML == "") oSWrapper.innerHTML = "
";
if(oEWrapper.innerHTML == "") oEWrapper.innerHTML = "
";
if(oEWrapper.nextSibling && oEWrapper.nextSibling.tagName == "BR") oEWrapper.parentNode.removeChild(oEWrapper.nextSibling);
oSelection.selectNodeContents(oEWrapper);
oSelection.collapseToStart();
oSelection.select();
this.oApp.exec("CHECK_STYLE_CHANGE", []);
}else{
oSelection.removeStringBookmark(sBM);
}
}
}
});
//}
//{
/**
* @fileOverview This file contains Xpress plugin that takes care of the operations related to styling the font
* @name hp_XE_WYSIWYGStyler.js
* @required XE_EditingArea_WYSIWYG, XpressRangeManager
*/
xe.XE_WYSIWYGStyler = $.Class({
name : "XE_WYSIWYGStyler",
$PRECONDITION : function(sFullCommand, aArgs){
return (this.oApp.getEditingMode() == "WYSIWYG");
},
$ON_SET_WYSIWYG_STYLE : function(oStyles){
var oSelection = this.oApp.getSelection();
// style cursor
if(oSelection.collapsed){
var oSpan = this.oApp.getWYSIWYGDocument().createElement("SPAN");
oSelection.insertNode(oSpan);
oSpan.innerHTML = unescape("%uFEFF");
var sValue;
for(var sName in oStyles){
sValue = oStyles[sName];
if(typeof sValue != "string") continue;
oSpan.style[sName] = sValue;
}
oSelection.selectNodeContents(oSpan);
oSelection.collapseToEnd();
oSelection._window.focus();
oSelection._window.document.body.focus();
oSelection.select();
// FF3 will actually display %uFEFF when it is followed by a number AND certain font-family is used(like Gulim), so remove the chcaracter for FF3
if($.browser.mozilla && $.browser.nVersion == 3)
oSpan.innerHTML = "";
return;
}
this.oApp.exec("RECORD_UNDO_BEFORE_ACTION", ["FONT STYLE"]);
oSelection.styleRange(oStyles);
oSelection._window.focus();
oSelection.select();
this.oApp.exec("RECORD_UNDO_AFTER_ACTION", ["FONT STYLE"]);
}
});
//}
//{
/**
* @fileOverview This file contains Xpress plugin that takes care of the operations related to detecting the style change
* @name hp_XE_WYSIWYGStyleGetter.js
*/
xe.XE_WYSIWYGStyleGetter = $.Class({
name : "XE_WYSIWYGStyleGetter",
hKeyUp : null,
getStyleInterval : 200,
oStyleMap : {
fontFamily : {
type : "Value",
css : "fontFamily"
},
fontSize : {
type : "Value",
css : "fontSize"
},
lineHeight : {
type : "Value",
css : "lineHeight",
converter : function(sValue, oStyle){
if(!sValue.match(/px$/)) return sValue;
return Math.ceil((parseInt(sValue)/parseInt(oStyle.fontSize))*10)/10;
}
},
bold : {
command : "bold"
},
underline : {
command : "underline"
},
italic : {
command : "italic"
},
lineThrough : {
command : "strikethrough"
},
superscript : {
command : "superscript"
},
subscript : {
command : "subscript"
},
justifyleft : {
command : "justifyleft"
},
justifycenter : {
command : "justifycenter"
},
justifyright : {
command : "justifyright"
},
justifyfull : {
command : "justifyfull"
},
orderedlist : {
command : "insertorderedlist"
},
unorderedlist : {
command : "insertunorderedlist"
}
},
$init : function(){
this.oStyle = this._getBlankStyle();
},
$PRECONDITION : function(){
if(this.oApp.getEditingMode() != "WYSIWYG") return false;
return true;
},
$ON_MSG_APP_READY : function(){
this.oDocument = this.oApp.getWYSIWYGDocument();
this.oApp.exec("ADD_APP_PROPERTY", ["getCurrentStyle", $.fnBind(this.getCurrentStyle, this)]);
},
$ON_EVENT_EDITING_AREA_MOUSEUP : function(oEvnet){
if(this.hKeyUp) clearTimeout(this.hKeyUp);
this.oApp.exec("CHECK_STYLE_CHANGE", []);
},
$ON_EVENT_EDITING_AREA_KEYUP : function(oEvent){
/*
backspace 8
page up 33
page down 34
end 35
home 36
left arrow 37
up arrow 38
right arrow 39
down arrow 40
insert 45
delete 46
*/
if(!(oEvent.keyCode == 8 || (oEvent.keyCode >= 33 && oEvent.keyCode <= 40) || oEvent.keyCode == 45 || oEvent.keyCode == 46)) return;
if(this.hKeyUp) clearTimeout(this.hKeyUp);
this.hKeyUp = setTimeout($.fnBind(this.oApp.exec, this.oApp, "CHECK_STYLE_CHANGE", []), this.getStyleInterval);
},
$ON_CHECK_STYLE_CHANGE : function(){
this._getStyle();
},
$ON_RESET_STYLE_STATUS : function(){
var oBlankStyle = this._getBlankStyle();
for(var sAttributeName in oBlankStyle)
this.oApp.exec("SET_STYLE_STATUS", [sAttributeName, oBlankStyle[sAttributeName]]);
},
getCurrentStyle : function(){
return this.oStyle;
},
_check_style_change : function(){
this.oApp.exec("CHECK_STYLE_CHANGE", []);
},
_getBlankStyle : function(){
var oBlankStyle = {};
for(var attributeName in this.oStyleMap){
if(this.oStyleMap[attributeName].type == "Value")
oBlankStyle[attributeName] = "";
else
oBlankStyle[attributeName] = 0;
}
return oBlankStyle;
},
_getStyle : function(){
var oSelection = this.oApp.getSelection();
var funcFilter = function(oNode){
if (!oNode.childNodes || oNode.childNodes.length == 0)
return true;
else
return false;
}
var aBottomNodes = oSelection.getNodes(false, funcFilter);
var oStyle, oBaseStyle, oTmpStyle, attributeName;
if(aBottomNodes.length == 0){
oStyle = this._getStyleOf(oSelection.commonAncestorContainer);
}else{
oStyle = this._getStyleOf(aBottomNodes[0]);
}
for(attributeName in oStyle){
if(this.oStyleMap[attributeName].converter){
oStyle[attributeName] = this.oStyleMap[attributeName].converter(oStyle[attributeName], oStyle);
}
if(this.oStyle[attributeName] != oStyle[attributeName])
this.oApp.exec("MSG_STYLE_CHANGED", [attributeName, oStyle[attributeName]]);
}
this.oStyle = oStyle;
},
_getStyleOf : function(oNode){
var oStyle = this._getBlankStyle();
// this must not happen
if(!oNode) return oStyle;
if(oNode.nodeType == 3) oNode = oNode.parentNode;
var welNode = $(oNode);
var attribute, cssName;
for(var styleName in this.oStyle){
attribute = this.oStyleMap[styleName];
if(attribute.type && attribute.type == "Value"){
if(attribute.css){
var sValue = welNode.css(attribute.css);
if(styleName == "fontFamily"){
sValue = sValue.split(/,/)[0];
}
oStyle[styleName] = sValue;
}else{
if(attribute.command){
try{
oStyle[styleName] = this.oDocument.queryCommandState(attribute.command);
}catch(e){}
}else{
// todo
}
}
}else{
if(attribute.command){
try{
if(this.oDocument.queryCommandState(attribute.command)){
oStyle[styleName] = 1;
}else{
oStyle[styleName] = 0;
}
}catch(e){}
}else{
// todo
}
}
}
return oStyle;
}
});
//}
//{
/**
* @fileOverview This file contains Xpress plugin that takes care of the operations related to changing the font size using Select element
* @name hp_XE_FontSizeWithSelectUI.js
*/
xe.XE_FontSizeWithSelectUI = $.Class({
name : "XE_FontSizeWithSelectUI",
$init : function(elAppContainer){
this._assignHTMLObjects(elAppContainer);
},
_assignHTMLObjects : function(elAppContainer){
this.elFontSizeSelect = $("SELECT.xpress_xeditor_ui_fontSize_select", elAppContainer).get(0);
},
$ON_MSG_APP_READY : function(){
this.oApp.registerBrowserEvent(this.elFontSizeSelect, "change", "SET_FONTSIZE_FROM_SELECT_UI");
this.elFontSizeSelect.selectedIndex = 0;
},
$ON_MSG_STYLE_CHANGED : function(sAttributeName, sAttributeValue){
if(sAttributeName == "fontSize"){
this.elFontSizeSelect.value = sAttributeValue;
if(this.elFontSizeSelect.selectedIndex < 0) this.elFontSizeSelect.selectedIndex = 0;
}
},
$ON_SET_FONTSIZE_FROM_SELECT_UI : function(){
var sFontSize = this.elFontSizeSelect.value;
if(!sFontSize) return;
this.oApp.exec("SET_WYSIWYG_STYLE", [{"fontSize":sFontSize}]);
this.oApp.exec("CHECK_STYLE_CHANGE", []);
}
});
//}
//{
/**
* @fileOverview This file contains Xpress plugin that takes care of the operations related to changing the font name using Select element
* @name hp_XE_FontNameWithSelectUI.js
*/
xe.XE_FontNameWithSelectUI = $.Class({
name : "XE_FontNameWithSelectUI",
$init : function(elAppContainer){
this._assignHTMLObjects(elAppContainer);
},
_assignHTMLObjects : function(elAppContainer){
this.elFontNameSelect = $("SELECT.xpress_xeditor_ui_fontName_select", elAppContainer).get(0);
},
$ON_MSG_APP_READY : function(){
this.oApp.registerBrowserEvent(this.elFontNameSelect, "change", "SET_FONTNAME_FROM_SELECT_UI");
this.elFontNameSelect.selectedIndex = 0;
},
$ON_MSG_STYLE_CHANGED : function(sAttributeName, sAttributeValue){
if(sAttributeName == "fontFamily"){
this.elFontNameSelect.value = sAttributeValue.toLowerCase();
if(this.elFontNameSelect.selectedIndex < 0) this.elFontNameSelect.selectedIndex = 0;
}
},
$ON_SET_FONTNAME_FROM_SELECT_UI : function(){
var sFontName = this.elFontNameSelect.value;
if(!sFontName) return;
this.oApp.exec("SET_WYSIWYG_STYLE", [{"fontFamily":sFontName}]);
this.oApp.exec("CHECK_STYLE_CHANGE", []);
}
});
//}
//{
/**
* @fileOverview This file contains Xpress plugin that takes care of the operations related to setting/changing the lineheight
* @name hp_XE_LineHeight.js
*/
xe.XE_LineHeight = $.Class({
name : "XE_LineHeight",
$init : function(oAppContainer){
this._assignHTMLObjects(oAppContainer);
},
_assignHTMLObjects : function(oAppContainer){
},
$ON_SET_LINEHEIGHT : function(nLineHeight){
this.setLineHeight(nLineHeight);
},
getLineHeight : function(){
var nodes = this._getSelectedNodes(false);
var curWrapper, prevWrapper;
var iCurHeight, iHeight;
if(nodes.length == 0) return -1;
var iLength = nodes.length;
if(iLength == 0){
iHeight = -1;
}else{
prevWrapper = this._getLineWrapper(nodes[0]);
iHeight = this._getWrapperLineheight(prevWrapper);
}
var firstNode = this.oSelection.getStartNode();
if(iHeight > 0){
for(var i=1; i=0; i--){
if(aNodes[i].nodeType == 3 || aNodes[i].tagName == "BR"){
var oP = oSelection._document.createElement("P");
oInsertionPoint = aNodes[i].nextSibling;
while(i>=0 && aNodes[i] && (aNodes[i].nodeType == 3 || aNodes[i].tagName == "BR")){
oP.insertBefore(aNodes[i--], oP.firstChild);
}
oFormattingNode.insertBefore(oP, oInsertionPoint);
i++;
}
}
if(oFormattingNode && oFormattingNode.parentNode){
var oP = oSelection._document.createElement("P");
oP.innerHTML = unescape("
");
oFormattingNode.parentNode.insertBefore(oP, oFormattingNode.nextSibling);
}
this.oApp.exec("RECORD_UNDO_ACTION", ["Block Quote"]);
return oFormattingNode;
},
_expandToTableStart : function(oSelection, oNode){
var oC = oSelection.commonAncestorContainer;
var oResultNode = null;
var bLastIteration = false;
while(oNode && !bLastIteration){
if(oNode == oC) bLastIteration = true;
if(/TBODY|TFOOT|THEAD|TR/i.test(oNode.tagName)){
oResultNode = this._getTableRoot(oNode);
break;
}
oNode = oNode.parentNode;
}
return oResultNode;
},
_getTableRoot : function(oNode){
while(oNode && oNode.tagName != "TABLE") oNode = oNode.parentNode;
return oNode;
}
});
//}
//{
/**
* @fileOverview This file contains Xpress plugin that takes care of the operations related to inserting special characters
* @name hp_XE_SCharacter.js
* @required XpressRangeManager
*/
xe.XE_SCharacter = $.Class({
name : "XE_SCharacter",
$init : function(oAppContainer){
this.bIE = $.browser.msie;
this._assignHTMLObjects(oAppContainer);
this.charSet = [];
this.charSet[0] = unescape('FF5B FF5D 3014 3015 3008 3009 300A 300B 300C 300D 300E 300F 3010 3011 2018 2019 201C 201D 3001 3002 %B7 2025 2026 %A7 203B 2606 2605 25CB 25CF 25CE 25C7 25C6 25A1 25A0 25B3 25B2 25BD 25BC 25C1 25C0 25B7 25B6 2664 2660 2661 2665 2667 2663 2299 25C8 25A3 25D0 25D1 2592 25A4 25A5 25A8 25A7 25A6 25A9 %B1 %D7 %F7 2260 2264 2265 221E 2234 %B0 2032 2033 2220 22A5 2312 2202 2261 2252 226A 226B 221A 223D 221D 2235 222B 222C 2208 220B 2286 2287 2282 2283 222A 2229 2227 2228 FFE2 21D2 21D4 2200 2203 %B4 FF5E 02C7 02D8 02DD 02DA 02D9 %B8 02DB %A1 %BF 02D0 222E 2211 220F 266D 2669 266A 266C 327F 2192 2190 2191 2193 2194 2195 2197 2199 2196 2198 321C 2116 33C7 2122 33C2 33D8 2121 2668 260F 260E 261C 261E %B6 2020 2021 %AE %AA %BA 2642 2640').replace(/(\S{4})/g, function(a){return "%u"+a}).split(' ');
this.charSet[1] = unescape('%BD 2153 2154 %BC %BE 215B 215C 215D 215E %B9 %B2 %B3 2074 207F 2081 2082 2083 2084 2160 2161 2162 2163 2164 2165 2166 2167 2168 2169 2170 2171 2172 2173 2174 2175 2176 2177 2178 2179 FFE6 %24 FFE5 FFE1 20AC 2103 212B 2109 FFE0 %A4 2030 3395 3396 3397 2113 3398 33C4 33A3 33A4 33A5 33A6 3399 339A 339B 339C 339D 339E 339F 33A0 33A1 33A2 33CA 338D 338E 338F 33CF 3388 3389 33C8 33A7 33A8 33B0 33B1 33B2 33B3 33B4 33B5 33B6 33B7 33B8 33B9 3380 3381 3382 3383 3384 33BA 33BB 33BC 33BD 33BE 33BF 3390 3391 3392 3393 3394 2126 33C0 33C1 338A 338B 338C 33D6 33C5 33AD 33AE 33AF 33DB 33A9 33AA 33AB 33AC 33DD 33D0 33D3 33C3 33C9 33DC 33C6').replace(/(\S{4})/g, function(a){return "%u"+a}).split(' ');
this.charSet[2] = unescape('3260 3261 3262 3263 3264 3265 3266 3267 3268 3269 326A 326B 326C 326D 326E 326F 3270 3271 3272 3273 3274 3275 3276 3277 3278 3279 327A 327B 24D0 24D1 24D2 24D3 24D4 24D5 24D6 24D7 24D8 24D9 24DA 24DB 24DC 24DD 24DE 24DF 24E0 24E1 24E2 24E3 24E4 24E5 24E6 24E7 24E8 24E9 2460 2461 2462 2463 2464 2465 2466 2467 2468 2469 246A 246B 246C 246D 246E 3200 3201 3202 3203 3204 3205 3206 3207 3208 3209 320A 320B 320C 320D 320E 320F 3210 3211 3212 3213 3214 3215 3216 3217 3218 3219 321A 321B 249C 249D 249E 249F 24A0 24A1 24A2 24A3 24A4 24A5 24A6 24A7 24A8 24A9 24AA 24AB 24AC 24AD 24AE 24AF 24B0 24B1 24B2 24B3 24B4 24B5 2474 2475 2476 2477 2478 2479 247A 247B 247C 247D 247E 247F 2480 2481 2482').replace(/(\S{4})/g, function(a){return "%u"+a}).split(' ');
this.charSet[3] = unescape('3131 3132 3133 3134 3135 3136 3137 3138 3139 313A 313B 313C 313D 313E 313F 3140 3141 3142 3143 3144 3145 3146 3147 3148 3149 314A 314B 314C 314D 314E 314F 3150 3151 3152 3153 3154 3155 3156 3157 3158 3159 315A 315B 315C 315D 315E 315F 3160 3161 3162 3163 3165 3166 3167 3168 3169 316A 316B 316C 316D 316E 316F 3170 3171 3172 3173 3174 3175 3176 3177 3178 3179 317A 317B 317C 317D 317E 317F 3180 3181 3182 3183 3184 3185 3186 3187 3188 3189 318A 318B 318C 318D 318E').replace(/(\S{4})/g, function(a){return "%u"+a}).split(' ');
this.charSet[4] = unescape('0391 0392 0393 0394 0395 0396 0397 0398 0399 039A 039B 039C 039D 039E 039F 03A0 03A1 03A3 03A4 03A5 03A6 03A7 03A8 03A9 03B1 03B2 03B3 03B4 03B5 03B6 03B7 03B8 03B9 03BA 03BB 03BC 03BD 03BE 03BF 03C0 03C1 03C3 03C4 03C5 03C6 03C7 03C8 03C9 %C6 %D0 0126 0132 013F 0141 %D8 0152 %DE 0166 014A %E6 0111 %F0 0127 I 0133 0138 0140 0142 0142 0153 %DF %FE 0167 014B 0149 0411 0413 0414 0401 0416 0417 0418 0419 041B 041F 0426 0427 0428 0429 042A 042B 042C 042D 042E 042F 0431 0432 0433 0434 0451 0436 0437 0438 0439 043B 043F 0444 0446 0447 0448 0449 044A 044B 044C 044D 044E 044F').replace(/(\S{4})/g, function(a){return "%u"+a}).split(' ');
this.charSet[5] = unescape('3041 3042 3043 3044 3045 3046 3047 3048 3049 304A 304B 304C 304D 304E 304F 3050 3051 3052 3053 3054 3055 3056 3057 3058 3059 305A 305B 305C 305D 305E 305F 3060 3061 3062 3063 3064 3065 3066 3067 3068 3069 306A 306B 306C 306D 306E 306F 3070 3071 3072 3073 3074 3075 3076 3077 3078 3079 307A 307B 307C 307D 307E 307F 3080 3081 3082 3083 3084 3085 3086 3087 3088 3089 308A 308B 308C 308D 308E 308F 3090 3091 3092 3093 30A1 30A2 30A3 30A4 30A5 30A6 30A7 30A8 30A9 30AA 30AB 30AC 30AD 30AE 30AF 30B0 30B1 30B2 30B3 30B4 30B5 30B6 30B7 30B8 30B9 30BA 30BB 30BC 30BD 30BE 30BF 30C0 30C1 30C2 30C3 30C4 30C5 30C6 30C7 30C8 30C9 30CA 30CB 30CC 30CD 30CE 30CF 30D0 30D1 30D2 30D3 30D4 30D5 30D6 30D7 30D8 30D9 30DA 30DB 30DC 30DD 30DE 30DF 30E0 30E1 30E2 30E3 30E4 30E5 30E6 30E7 30E8 30E9 30EA 30EB 30EC 30ED 30EE 30EF 30F0 30F1 30F2 30F3 30F4 30F5 30F6').replace(/(\S{4})/g, function(a){return "%u"+a}).split(' ');
},
_assignHTMLObjects : function(oAppContainer){
oAppContainer = $.$(oAppContainer) || document;
this.elDropdownLayer = $("DIV.xpress_xeditor_sCharacter_layer", oAppContainer).get(0);
this.oTextField = $("INPUT", this.elDropdownLayer).get(0);
this.oInsertButton = $("+ BUTTON", this.oTextField).get(0);
this.aCloseButton = $("BUTTON.close", this.elDropdownLayer).get();
this.aSCharList = $(".list", this.elDropdownLayer).get();
var oLabelUL = $(">UL", this.elDropdownLayer).get(0);
this.aLabelA = $("A", oLabelUL).get();
},
$ON_MSG_APP_READY : function(){
var funcInsert = $.fnBind(this.oApp.exec, this.oApp, "INSERT_SCHARACTERS", [this.oTextField.value]);
$(this.oInsertButton).click(funcInsert, this);
this.oApp.exec("SET_SCHARACTER_LIST", [this.charSet]);
for(var i=0; i';
this.aSCharList[i].appendChild(aLI[ii]);
}
// enable this after Jindo framework is updated
// this.oApp.exec("ATTACH_HOVER_EVENTS", [$(">LI>BUTTON", this.aSCharList[i])]).get();
},
_stopBrowserEvent : function(obj, sEvent){
$(obj).bind(sEvent, function(e){e.stopPropagation();e.preventDefault();} )
}
});
//}
//{
/**
* @fileOverview This file contains Xpress plugin that takes care of the operations related to Undo/Redo
* @name hp_XE_UndoRedo.js
* @required XE_EditingAreaManager, XpressRangeManager
*/
xe.XE_UndoRedo = $.Class({
name : "XE_UndoRedo",
actionHistory : null,
// this may also be called, lastAdded/lastRestored
oCurStateIdx : null,
iMinimumSizeChange : 10,
sBlankContentsForFF : "
",
$init : function(){
this.aUndoHistory = [];
this.oCurStateIdx = {nIdx: 0, nStep: 0};
},
$PRECONDITION : function(sCmd){
if(sCmd.match(/_DO_RECORD_UNDO_HISTORY_AT$/)) return true;
try{
if(this.oApp.getEditingMode() != "WYSIWYG") return false;
}catch(e){
return false;
}
return true;
},
$BEFORE_MSG_APP_READY : function(){
this.oApp.exec("DO_RECORD_UNDO_HISTORY_AT", [this.oCurStateIdx, "", "", null]);
},
$ON_MSG_APP_READY : function(){
this.bFF = $.browser.mozilla;
this.oApp.exec("ADD_APP_PROPERTY", ["getUndoHistory", $.fnBind(this.getUndoHistory, this)]);
this.oApp.exec("ADD_APP_PROPERTY", ["getUndoStateIdx", $.fnBind(this.getUndoStateIdx, this)]);
this.oApp.exec("REGISTER_UI_EVENT", ["undo", "click", "UNDO"]);
this.oApp.exec("REGISTER_UI_EVENT", ["redo", "click", "REDO"]);
this.oApp.exec("REGISTER_HOTKEY", ["ctrl+z", "UNDO"]);
this.oApp.exec("REGISTER_HOTKEY", ["ctrl+y", "REDO"]);
},
$ON_UNDO : function(){
var oTmpStateIdx = {};
this.oApp.exec("DO_RECORD_UNDO_HISTORY", ["KEYPRESS", false, false, 1]);
if(this.oCurStateIdx.nIdx == 0) return;
if(this.oCurStateIdx.nStep > 0){
this.oCurStateIdx.nStep--;
}else{
var oTmpHistory = this.aUndoHistory[this.oCurStateIdx.nIdx];
this.oCurStateIdx.nIdx--;
if(oTmpHistory.nTotalSteps>1){
this.oCurStateIdx.nStep = 0;
}else{
oTmpHistory = this.aUndoHistory[this.oCurStateIdx.nIdx];
this.oCurStateIdx.nStep = oTmpHistory.nTotalSteps-1;
}
}
this.oApp.exec("RESTORE_UNDO_HISTORY", [this.oCurStateIdx.nIdx, this.oCurStateIdx.nStep]);
this.oApp.exec("CHECK_STYLE_CHANGE", []);
},
$ON_REDO : function(){
if(this.oCurStateIdx.nIdx >= this.aUndoHistory.length) return;
var oCurHistory = this.aUndoHistory[this.oCurStateIdx.nIdx];
if(this.oCurStateIdx.nIdx == this.aUndoHistory.length-1 && this.oCurStateIdx.nStep >= oCurHistory.nTotalSteps-1) return;
if(this.oCurStateIdx.nStep < oCurHistory.nTotalSteps-1){
this.oCurStateIdx.nStep++;
}else{
this.oCurStateIdx.nIdx++;
oCurHistory = this.aUndoHistory[this.oCurStateIdx.nIdx];
this.oCurStateIdx.nStep = oCurHistory.nTotalSteps-1;
}
this.oApp.exec("RESTORE_UNDO_HISTORY", [this.oCurStateIdx.nIdx, this.oCurStateIdx.nStep]);
this.oApp.exec("CHECK_STYLE_CHANGE", []);
},
$ON_RECORD_UNDO_ACTION : function(sAction){
this.oApp.exec("DO_RECORD_UNDO_HISTORY", [sAction]);
},
$ON_RECORD_UNDO_BEFORE_ACTION : function(sAction){
this.oApp.exec("DO_RECORD_UNDO_HISTORY", [sAction, true, true]);
},
$ON_RECORD_UNDO_AFTER_ACTION : function(sAction){
this.oApp.exec("DO_RECORD_UNDO_HISTORY", [sAction, true, false]);
},
$ON_RESTORE_UNDO_HISTORY : function(nUndoIdx, nUndoStateStep){
this.oCurStateIdx.nIdx = nUndoIdx;
this.oCurStateIdx.nStep = nUndoStateStep;
var oCurHistory = this.aUndoHistory[this.oCurStateIdx.nIdx];
var sContent = oCurHistory.sContent[this.oCurStateIdx.nStep];
var oBookmark = oCurHistory.oBookmark[this.oCurStateIdx.nStep];
this.oApp.setIR(sContent, true);
// setting the innerHTML may change the internal DOM structure, so save the value again.
var sCurContent = this.oApp.getIR();
if(this.bFF && sCurContent == this.sBlankContentsForFF){
sCurContent = "";
}
oCurHistory.sContent[this.oCurStateIdx.nStep] = sCurContent;
var oSelection = this.oApp.getEmptySelection();
if(oSelection.selectionLoaded){
if(oBookmark){
oSelection.moveToXPathBookmark(oBookmark);
}else{
oSelection = this.oApp.getEmptySelection();
}
oSelection.select();
}
},
$ON_DO_RECORD_UNDO_HISTORY : function(sAction, bTwoStepAction, bBeforeAction, nForceAddUnlessEqual){
bTwoStepAction = bTwoStepAction || false;
bBeforeAction = bBeforeAction || false;
nForceAddUnlessEqual = nForceAddUnlessEqual || 0;
// if we're in the middle of some action history, remove everything after current idx if any "little" change is made
if(!(this.oCurStateIdx.nIdx == this.aUndoHistory.length-1)) nForceAddUnlessEqual = 1;
var oCurHistory = this.aUndoHistory[this.oCurStateIdx.nIdx];
var sCurContent = this.oApp.getIR();
var sHistoryContent = oCurHistory.sContent[this.oCurStateIdx.nStep];
if(this.bFF && sCurContent == this.sBlankContentsForFF){
sCurContent = "";
}
// every TwoStepAction needs to be recorded
if(!bTwoStepAction){
switch(nForceAddUnlessEqual){
case 0:
if(Math.abs(sHistoryContent.length - sCurContent.length) .bx", this.oUILayer).get();
this.oFindInputSet = oTmp[0];
this.oReplaceInputSet = oTmp[1];
this.oFindInput_Keyword = $("INPUT", this.oFindInputSet).get(0);
oTmp = $("INPUT", this.oReplaceInputSet).get();
this.oReplaceInput_Original = oTmp[0];
this.oReplaceInput_Replacement = oTmp[1];
this.oFindNextButton = $("BUTTON.find_next", this.oUILayer).get(0);
this.oCancelButton = $("BUTTON.cancel", this.oUILayer).get(0);
this.oReplaceButton = $("BUTTON.replace", this.oUILayer).get(0);
this.oReplaceAllButton = $("BUTTON.replace_all", this.oUILayer).get(0);
this.aCloseButtons = $("BUTTON.close", this.oUILayer).get();
this.aCloseButtons[this.aCloseButtons.length] = this.oCancelButton;
},
$ON_MSG_APP_READY : function(){
// the right document will be available only when the src is completely loaded
if(this.oEditingWindow && this.oEditingWindow.tagName == "IFRAME")
this.oEditingWindow = this.oEditingWindow.contentWindow;
this.oFindReplace = new xe.FindReplace(this.oEditingWindow);
if(!this.oFindReplace.bBrowserSupported){
this.oApp.exec("DISABLE_UI", ["find_replace"]);
return;
}
for(var i=0; i" + sURL + "";
this.oSelection.pasteHTML(str);
}else{
var nSession = Math.ceil(Math.random()*10000);
var arg = ( sURL == "" ? ["unlink"] : ["createLink", false, this.sATagMarker+nSession+sURL] );
this.oApp.exec("EXECCOMMAND", arg);
this.oSelection.setFromSelection();
var oDoc = this.oApp.getWYSIWYGDocument();
var aATags = oDoc.body.getElementsByTagName("A");
var nLen = aATags.length;
var rxMarker = new RegExp(this.sRXATagMarker+nSession, "i");
var elATag;
for(var i=0; i this.iMaxRows) iRows = this.iMaxRows;
this.oRowInput.value = iRows;
this._showNewTable();
},
$ON_ST_SET_COLUMN_NUM : function(iColumns, iColumnDiff){
iColumns = iColumns || parseInt(this.oColumnInput.value);
iColumnDiff = iColumnDiff || 0;
iColumns += iColumnDiff;
if(iColumns < this.iMinColumns) iColumns = this.iMinColumns;
if(iColumns > this.iMaxColumns) iColumns = this.iMaxColumns;
this.oColumnInput.value = iColumns;
this._showNewTable();
},
$ON_ST_INSERT_TABLE : function(){
var sTable = this._getTableString();
this.oApp.exec("PASTE_HTML", [sTable]);
this.oApp.exec("ST_CLOSE", []);
},
$ON_ST_CLOSE : function(){
this.oApp.exec("HIDE_ACTIVE_LAYER", []);
},
$ON_ST_SET_BORDER_WIDTH : function(iBorderWidth, iBorderWidthDiff){
iBorderWidth = iBorderWidth || parseInt(this.oBorderWidthInput.value);
iBorderWidthDiff = iBorderWidthDiff || 0;
iBorderWidth += iBorderWidthDiff;
if(iBorderWidth < this.iMinBorderWidth) iBorderWidth = this.iMinBorderWidth;
if(iBorderWidth > this.iMaxBorderWidth) iBorderWidth = this.iMaxBorderWidth;
this.oBorderWidthInput.value = iBorderWidth;
this._showNewTable();
},
$ON_ST_INC_BORDER_WIDTH : function(){
this.oApp.exec("ST_SET_BORDER_WIDTH", [null, 1]);
},
$ON_ST_DEC_BORDER_WIDTH : function(){
this.oApp.exec("ST_SET_BORDER_WIDTH", [null, -1]);
},
$ON_ST_TOGGLE_BORDER_COLOR_LAYER : function(){
if(this.welDropdownLayer.hasClass("p1"))
this.oApp.exec("ST_HIDE_BORDER_COLOR_LAYER", []);
else
this.oApp.exec("ST_SHOW_BORDER_COLOR_LAYER", []);
},
$ON_ST_SHOW_BORDER_COLOR_LAYER : function(){
this.welDropdownLayer.addClass("p1");
this.welDropdownLayer.removeClass("p2");
this.oApp.exec("SHOW_COLOR_PALETTE", ["ST_SET_BORDER_COLOR_FROM_PALETTE", this.elDropdownLayer]);
},
$ON_ST_HIDE_BORDER_COLOR_LAYER : function(){
this.welDropdownLayer.removeClass("p1");
this.oApp.exec("HIDE_COLOR_PALETTE", []);
},
$ON_ST_TOGGLE_BGCOLOR_LAYER : function(){
if(this.welDropdownLayer.hasClass("p2"))
this.oApp.exec("ST_HIDE_BGCOLOR_LAYER", []);
else
this.oApp.exec("ST_SHOW_BGCOLOR_LAYER", []);
},
$ON_ST_SHOW_BGCOLOR_LAYER : function(){
this.welDropdownLayer.removeClass("p1");
this.welDropdownLayer.addClass("p2");
this.oApp.exec("SHOW_COLOR_PALETTE", ["ST_SET_BGCOLOR_FROM_PALETTE", this.elDropdownLayer]);
},
$ON_ST_HIDE_BGCOLOR_LAYER : function(){
this.welDropdownLayer.removeClass("p2");
this.oApp.exec("HIDE_COLOR_PALETTE", []);
},
$ON_ST_SET_BORDER_COLOR_FROM_PALETTE : function(sColorCode){
this.oApp.exec("ST_SET_BORDER_COLOR", [sColorCode]);
this.oApp.exec("ST_HIDE_BORDER_COLOR_LAYER", []);
},
$ON_ST_SET_BORDER_COLOR : function(sColorCode){
this.oBorderColorInput.value = sColorCode;
this.oButton_BorderColorPreview.style.backgroundColor = sColorCode;
this._showNewTable();
},
$ON_ST_SET_BGCOLOR_FROM_PALETTE : function(sColorCode){
this.oApp.exec("ST_SET_BGCOLOR", [sColorCode]);
this.oApp.exec("ST_HIDE_BGCOLOR_LAYER", []);
},
$ON_ST_SET_BGCOLOR : function(sColorCode){
this.oBGColorInput.value = sColorCode;
this.oButton_BGColorPreview.style.backgroundColor = sColorCode;
this._showNewTable();
},
_showNewTable : function(){
var oTmp = document.createElement("DIV");
oTmp.innerHTML = this._getTableString();
var oNewTable = oTmp.firstChild;
this.oSampleTable.parentNode.insertBefore(oNewTable, this.oSampleTable);
this.oSampleTable.parentNode.removeChild(this.oSampleTable);
this.oSampleTable = oNewTable;
},
// need to do something about the table width as the same HTML code is being used to the actual table and the preview table
_getTableString : function(){
var sBorderColorCode = this.oBorderColorInput.value;
var sBGColorCode = this.oBGColorInput.value;
var iBorderWidth = this.oBorderWidthInput.value;
var sTD = "";
if($.browser.msie){
sTD = " | ";
}else{
if($.browser.firefox){
sTD = "
| ";
}else{
sTD = " | ";
}
}
var sTable = '';
var sRow = '';
var iColumns = this.oColumnInput.value;
for(var i=0; i/ig,
regex_meanless_css2 = /(?:(?:margin|padding)\s*:\s*0(?:px)?|\-(?:moz|ms|webkit|opera)\-[\w-]+\s*:\s*.*?|[\w-]+\s*:\s*\-(?:moz|ms|webkit|opera)\-[\w-]+|(?:line-height|font-variant|font-stretch|font-size-adjust|font-size)\s*:\s*[a-z_-]+)\s*;?\s*|font-(?:weight|style)\s*:\s*normal;?/ig,
regex_class = /<(.*?)\s+class\s*=(?:\s*"(.*?)"|\s*'(.*?)'|([^\s>]+))(.*?)>/ig,
regex_class2 = /xe_selected_cell/g;
regex_handler = /<(.*?)\s+on[a-z]+\s*=(?:\s*".*?"|\s*'.*?'|[^\s>]+)(.*?)>/ig,
//regex_id = /<(.*?)\s+id\s*=(?:[^\s>]+|\s*".*?"|\s*'.*?')(.*?)>/ig,
//regex_script = //ig,
regex_font_color = /color\s*=(?:\s*"(.*?)"|\s*'(.*?)'|([^\s>]+))/i,
regex_font_face = /face\s*=(?:\s*"(.*?)"|\s*'(.*?)'|([^\s>]+))/i,
regex_font_size = /size\s*=(?:\s*"(\d+)"|\s*'(\d+)'|(\d+))/i,
regex_style = /style\s*=\s*(?:\s*"(.*?)"|\s*'(.*?)'|([^\s>]+))/i,
regex_font_weight = /font-weight\s*:\s*([a-z]+);?/i,
regex_font_style = /font-style\s*:\s*italic;?/i,
regex_font_decoration = /text-decoration\s*:\s*([a-z -]+);?/i,
regex_jquery = /jQuery\d+\s*=(\s*"\d+"|\d+)/ig,
regex_quote_attr = /([\w-]+\s*=(?:\s*"[^"]+"|\s*'[^']+'))|([\w-]+)=([^\s]+)/g; //"
var
allow_tags = 'a,abbr,acronym,address,area,blockquote,br,caption,center,cite,code,col,colgroup,dd,del,dfn,div,dl,dt,em,embed,h1,h2,h3,h4,h5,h6,hr,img,ins,kbd,li,map,object,ol,p,param,pre,q,samp,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var,iframe,object,param,style'.split(','),
lonely_tags = 'area,br,col,embed,hr,img,input,param'.split(',');
var
replace_tags = {
'b' : 'strong',
'i' : 'em',
's' : 'del',
'strike' : 'del'
};
xe.XE_XHTMLFormatter = $.Class({
name : "XE_XHTMLFormatter",
$ON_MSG_APP_READY : function() {
this.oApp.addConverter("WYSIWYG_TO_IR", this.TO_IR);
this.oApp.addConverter("HTMLSrc_TO_IR", this.TO_IR);
this.oApp.addConverter("IR_TO_HTMLSrc", this.IR_TO);
this.oApp.addConverter("IR_TO_WYSIWYG", this.IR_TO);
},
TO_IR : function(sContent) {
var stack = [];
// remove xeHandled attrs
/*
sContent = sContent.replace(/xeHandled="YES"/ig,'');
*/
// remove all useless styles
/*
sContent = sContent.replace(regex_meanless_css1, function(m0,m1,m2,m3){
m2 = m2.replace(regex_meanless_css2, '');
return '<'+m1+(m2?' style="'+m2+'"':'')+m3+'>';
});
*/
// remove all useless classes
/*
sContent = sContent.replace(regex_class, function(m0,m1,m2,m3,m4,m5){
var cls = $.trim((m2 || m3 || m4 || "").replace(regex_class2, ''));
return '<'+(m1||"")+(cls?' class="'+cls+'"':'')+(m5||"")+'>';
});
*/
// remove all event handler
//sContent = sContent.replace(regex_handler, '<$1$2>');
// remove all id
//sContent = sContent.replace(regex_id, '<$1$2>');
// remove all scripts
//sContent = sContent.replace(regex_script, '');
if ($.browser.msie) {
// remove $ attributes
sContent = sContent.replace(regex_jquery, '');
// quote all attrs
sContent = sContent.replace(/<(\w+) ([^>]+)>/g, function(m0,m1,m2){
return '<'+m1+' '+
m2.replace(regex_quote_attr, function(s0,s1,s2,s3){
if (s1) return s1;
if(/^"/.test(s3)||/"$/.test(s3)) return s2+'='+s3;
return s2+'="'+s3+'"';
}) + '>';
});
}
// remove all useless tag and enclose tags
regex = /<(\/)?([:\w\/-]+)(.*?)>/ig;
sContent = sContent.replace(regex, function(m0,m1,m2,m3){
var m3s = [];
var state = '';
m1 = m1 || '';
m2 = m2.toLowerCase();
m3 = $.trim(m3 || '');
if (!m1) {
if ($.inArray(m2,lonely_tags) >= 0) {
var len = m3.length;
if (m2 == 'br') m3 = '';
if (!m3 || m3.substring(len-1,len) != '/') m3 += '/';
return '<'+m2+' '+m3+'>';
}
/*
if (replace_tags[m2]) {
stack.push({tag:m2, state:'deleted'});
m2 = replace_tags[m2];
state = 'inserted';
} else if (m2 == 'font') {
stack.push({tag:m2, state:'deleted'});
m2 = 'span';
m3s = [];
if (regex_font_color.test(m3)) m3s.push('color:'+(RegExp.$1||RegExp.$2||RegExp.$3)+';');
if (regex_font_face.test(m3)) m3s.push('font-family:'+(RegExp.$1||RegExp.$2||RegExp.$3)+';');
m3 = m3s.length?'style="'+m3s.join('')+'"':'';
state = 'inserted';
} else if (m2 == 'center') {
stack.push({tag:m2, state:'deleted'});
m2 = 'div'
m3 = 'style="text-align:center"';
state = 'inserted';
} else if (m2 == 'span') {
var style = '';
if (!m3) {
stack.push({tag:m3, state:'deleted'});
return '';
}
if (regex_style.test(m3)) {
var tmpstack = [];
var tmptag = '';
style = RegExp.$1||RegExp.$2||RegExp.$3;
m3 = m3.replace(regex_style, '');
if (regex_font_weight.test(style)) {
if (RegExp.$1 == 'bold' || RegExp.$1 == 'bolder') {
style = style.replace(regex_font_weight, '');
tmpstack.push({tag:'strong', state:'inserted'});
tmptag += '';
}
}
if (regex_font_style.test(style)) {
style = style.replace(regex_font_style, '');
tmpstack.push({tag:'em', state:'inserted'});
tmptag += '';
}
if (regex_font_decoration.test(style)) {
var deco_css = ' '+RegExp.$1.toLowerCase()+' ';
if (deco_css.indexOf('underline ') > 0) {
deco_css = deco_css.replace('underline ', '');
tmpstack.push({tag:'u', state:'inserted'});
tmptag += '';
}
if (deco_css.indexOf('line-through ') > 0) {
deco_css = deco_css.replace('line-through ', '');
tmpstack.push({tag:'del', state:'inserted'});
tmptag += '';
}
deco_css = $.trim(deco_css);
style = style.replace(regex_font_decoration, (deco_css?'text-decoration:'+deco_css+';':''));
}
style = $.trim(style);
stack.push({tag:m2, state:(!m3&&!style?'deleted':'')});
stack = stack.concat(tmpstack);
return (!m3&&!style?'':'')+tmptag;
}
} else {
state = ($.inArray(m2,allow_tags) < 0)?'deleted':'';
if (state == 'deleted') return '';
}
*/
stack.push({tag:m2, state:state});
} else {
var tags = [], t = '';
if (!stack.length) return '';
do {
t = stack.pop();
if (t.state != 'inserted' && t.tag != m2) {
stack.push(t);
return tags.join('');
}
if (t.state != 'deleted') tags.push('');
} while(stack.length && t.tag != m2);
return tags.join('');
}
return '<'+m1+m2+(m3?' '+m3:'')+'>';
});
if (stack.length) {
var t = '';
do {
t = stack.pop();
if (t.state != 'deleted') sContent += '';
} while(stack.length);
}
return sContent;
},
IR_TO : function(sContent) {
return sContent;
}
});
// center, font, b, i, s, strike
/**
* Support XE extensions
* @author gony
*/
xe.XE_Extension = $.Class({
name : "XE_Extension",
seq : '',
last_doc : '',
$init : function(elAppContainer, editor_sequence) {
this.seq = editor_sequence;
this._assignHTMLObjects(elAppContainer);
},
_assignHTMLObjects : function(elAppContainer) {
this.elDropdownLayer = $('DIV.xpress_xeditor_extension_layer', elAppContainer).get(0);
},
_removeAttrs : function(sContent) {
return sContent;
},
_addEvent : function() {
if (this.oApp.getEditingMode() != 'WYSIWYG') return;
var doc = this.oApp.getWYSIWYGDocument();
var seq = this.seq;
var fn = function(){
var obj = $(this);
var comp = obj.attr('editor_component');
if (comp && $.isFunction(openComponent)) {
editorPrevNode = obj.get(0);
openComponent(comp, seq);
}
};
$('img,div[editor_component]', doc).each(function(){
var obj = $(this);
if(this.nodeName == 'IMG' && !obj.attr('editor_component')) {
obj.attr('editor_component','image_link');
}
if(this.last_doc != doc) {
obj.dblclick(fn);
this.last_doc = doc;
}
});
},
$ON_MSG_APP_READY : function() {
var oApp = this.oApp;
oApp.exec('REGISTER_UI_EVENT', ['extension', 'click', 'TOGGLE_EXTENSION_LAYER']);
var functn = function(){
oApp.exec("HIDE_ACTIVE_LAYER", []);
};
$('a', this.elDropdownLayer).each(function(){
var obj = $(this);
if(!obj.attr('component_onclick_event_added')) {
obj.click(functn);
obj.attr('component_onclick_event_added','Y');
}
});
},
$ON_TOGGLE_EXTENSION_LAYER : function() {
this.oApp.exec('TOGGLE_TOOLBAR_ACTIVE_LAYER', [this.elDropdownLayer]);
},
$ON_CHANGE_EDITING_MODE : function(mode) {
var self = this;
setTimeout(function(){ self._addEvent(); }, 100);
},
$ON_PASTE_HTML : function() {
var self = this;
setTimeout(function(){ self._addEvent(); }, 100);
},
$ON_LOAD_IR_FIELD : function() {
var self = this;
setTimeout(function(){ self._addEvent(); }, 100);
},
$ON_SET_IR : function() {
var self = this;
setTimeout(function(){ self._addEvent(); }, 100);
}
});
/**
* Auto saving
* @author gony
*/
xe.XE_AutoSave = $.Class({
name : "XE_AutoSave",
form : null,
textarea : null,
$init : function(oIRTextarea, elAppContainer) {
this.form = oIRTextarea.form;
this.textarea = oIRTextarea;
this._assignHTMLObjects(elAppContainer);
},
_assignHTMLObjects : function(elAppContainer) {
this.welMessageBox = $('autosave_message');
},
$ON_MSG_APP_READY : function() {
var elTitle = $(this.form._saved_doc_title);
var elContent = $(this.form._saved_doc_content);
var title = $.trim(elTitle.val());
var content = $.trim(elContent.val());
if (title || content) {
if (confirm(this.form._saved_doc_message.value)) {
$(this.form.title).val(title);
this.oApp.setIR(content);
if(typeof(editorGetAutoSavedDoc) == 'function') editorGetAutoSavedDoc(this.form);
} else {
editorRemoveSavedDoc();
}
}
editorEnableAutoSave(this.form, $(this.form).attr("editor_sequence"));
// register hotkey
this.oApp.exec('REGISTER_HOTKEY', ['ctrl+shift+s','AUTO_SAVE']);
},
$ON_AUTO_SAVE : function() {
_editorAutoSave();
}
});
/**
* Format Block plugin
* @author gony
*/
xe.XE_FormatWithSelectUI = $.Class({
name : "XE_FormatWithSelectUI",
$init : function(elAppContainer){
this._assignHTMLObjects(elAppContainer);
},
_assignHTMLObjects : function(elAppContainer){
this.elFormatSelect = $("SELECT.xpress_xeditor_ui_format_select", elAppContainer).get(0);
},
$ON_MSG_APP_READY : function(){
this.oApp.registerBrowserEvent(this.elFormatSelect, "change", "SET_FORMAT_FROM_SELECT_UI");
this.elFormatSelect.selectedIndex = 0;
},
$ON_MSG_STYLE_CHANGED : function(sAttributeName, sAttributeValue){
var blockName = this.oApp.getWYSIWYGDocument().queryCommandValue("FormatBlock");
if (!blockName) return (this.elFormatSelect.selectedIndex = 0);
if ($.browser.msie && /([0-9])/.test(blockName)) blockName = 'h'+(RegExp.$1);
this.elFormatSelect.value = blockName.toLowerCase();
if(this.elFormatSelect.selectedIndex < 0) this.elFormatSelect.selectedIndex = 0;
if(this.elFormatSelect.value != blockName.toLowerCase()) this.elFormatSelect.selectedIndex = 0;
},
$ON_SET_FORMAT_FROM_SELECT_UI : function(){
var sFormat = this.elFormatSelect.value;
if(!sFormat) return;
if($.browser.msie) sFormat = '<'+sFormat+'>';
this.oApp.exec("EXECCOMMAND", ["FormatBlock", false, sFormat]);
this.oApp.exec("CHECK_STYLE_CHANGE", []);
}
});
/**
* Enhanced Table Fetures
* @author gony
*/
// 표 편집 확장 기능
xe.XE_Table = $.Class({
_startSel : null,
_endSel : null,
$ON_MSG_APP_READY : function() {
this._doc = $(this.oApp.getWYSIWYGDocument());
this.$FnMouseDown = $.fnBind(this._mousedown, this);
this.$FnMouseUp = $.fnBind(this._mouseup, this);
this.$FnMouseMove = $.fnBind(this._mousemove, this);
this._doc.mousedown(this.$FnMouseDown);
// initialize
this._startSel = null;
this._endSel = null;
// register buttons
this.oApp.exec('REGISTER_UI_EVENT', ['merge_cells', 'click', 'MERGE_CELLS']);
this.oApp.exec('REGISTER_UI_EVENT', ['split_col', 'click', 'CELL_SPLIT_BY_COL']);
this.oApp.exec('REGISTER_UI_EVENT', ['split_row', 'click', 'CELL_SPLIT_BY_ROW']);
// register hotkeys
this.oApp.exec('REGISTER_HOTKEY', ['ctrl+alt+m', 'MERGE_CELLS']);
// perform default ready action
this.$super.$ON_MSG_APP_READY();
},
$ON_MERGE_CELLS : function() {
var html = "";
var cell = $('.xe_selected_cell', this.oApp.getWYSIWYGDocument()).filter('td,th');
var self = this;
// 선택된 셀이 없으면 종료
if (!cell.length) return;
// UNDO 지점 기록
this.oApp.exec("RECORD_UNDO_ACTION", ["Cell:Merge"]);
// 선택한 모든 셀의 데이터를 첫번째 셀로 복사
cell.each(function(){ html += $(this).html() }).eq(0).html(html);
// 첫번째 셀 가로 확장
var colspan = 0;
cell.eq(0).nextAll('td,th').andSelf().filter('.xe_selected_cell').each(function(idx){
colspan += self._getSpan(this, 'col');
});
// 마지막 셀까지 줄의 갯수 계산
var rect = this._getRect(cell.eq(0));
var start_tr = cell.eq(0).parent('tr');
var end_tr = cell.eq(cell.length-1).parent('tr');
var all_rows = cell.parents('table').eq(0).find('tr');
var rowspan = all_rows.index(end_tr.get(0)) - all_rows.index(start_tr.get(0)) + this._getSpan(cell.eq(cell.length-1), 'row');
// 첫번째 셀 colspan, rowspan 속성 지정
cell.eq(0).attr('colSpan', colspan).attr('rowSpan', rowspan);
// 첫번째 셀을 제외한 다른 모든 셀 제거
cell.slice(1).remove();
},
$ON_CELL_SPLIT_BY_ROW : function(many) {
var cell = $('.xe_selected_cell', this.oApp.getWYSIWYGDocument()).filter('td,th');
var table = cell.parents('table').eq(0);
var self = this;
// 선택된 셀이 없으면 종료
if (!cell.length) return;
// UNDO 지점 기록
this.oApp.exec("RECORD_UNDO_ACTION", ["Cell:Split By Row"]);
// 선택 영역의 상하 좌표 구함
var _top = this._getRect(cell.eq(0)).top;
var _bottom = this._getRect(cell.eq(cell.length-1)).bottom;
// 테이블의 모든 셀에서 선택영역에 해당하는 셀을 구한다(상하 기준).
(cell = table.find('td,th').filter(function(){
var rect = self._getRect($(this));
return !(rect.bottom <= _top || rect.top >= _bottom);
})).filter('.xe_selected_cell').each(function(){
var t = $(this);
var row = t.parent('tr');
var rowspan = self._getSpan(t, 'row');
var rect = self._getRect(t);
var queue = [];
var clone = t.clone().html('
');
var topspan = 1, botspan = 1;
// rowspan > 1이면 현재 셀의 rowspan을 절반으로 분할한다.
if (rowspan > 1) {
topspan = Math.ceil(rowspan/2);
botspan = rowspan - topspan;
queue.push(function(){
t.attr('rowSpan', topspan);
});
clone.attr('rowSpan', botspan);
} else {
// rowspan이 없으면 현재 셀과 영역이 겹치는 모든 셀에 rowspan을 추가
cell.filter(function(){
if (t.get(0) == this) return false;
var tt = $(this);
var rc = self._getRect(tt);
// 범위를 넘은 부분은 제외
if (rc.bottom <= rect.top || rc.top >= rect.bottom) return false;
return true;
}).each(function(){
var tt = $(this);
var sp = self._getSpan(tt, 'row')+1;
// rowspan 1 추가
queue.push(function(){
tt.attr('rowSpan', sp);
});
});
// 새 줄을 추가한다.
if ($.browser.msie) {
// Fix bug for IE
row.after(row.clone().empty().get(0).outerHTML);
} else {
row.after(row.clone().empty());
}
}
var rows = row.nextAll('tr');
// 현재 셀이 마지막 줄에 있다면 한 줄 추가 후 새로운 셀 추가
if (!rows.length) {
row.after(row.clone().empty().append(clone));
} else {
var next_sib = rows.eq(topspan - 1).children('td,th').filter(function(){
return ( self._getRect($(this)).left > rect.left );
});
if ($.browser.msie) {
next_sib.length?
next_sib.eq(0).before(clone.get(0).outerHTML):
rows.eq(topspan-1).append(clone.get(0).outerHTML);
} else {
next_sib.length?
next_sib.slice(0,1).before(clone):
rows.slice(topspan-1,1).append(clone);
}
}
// 함수를 바로 실행하면 좌표가 틀어지므로, 큐에 넣은 후 실행
$.each(queue, function(){ this(); });
});
},
$ON_CELL_SPLIT_BY_COL : function(many) {
var cell = $('.xe_selected_cell', this.oApp.getWYSIWYGDocument()).filter('td,th');
var table = cell.parents('table').slice(0,1);
var self = this;
var ie_bug = [], tmpId = (new Date).getTime(), tmpStr = '';
// 선택된 셀이 없으면 종료
if (!cell.length) return;
// UNDO 지점 기록
this.oApp.exec("RECORD_UNDO_ACTION", ["Cell:Split By Column"]);
// 선택 영역의 좌우 좌표 구함
var first_row = cell.eq(0).parent('tr');
var _left = this._getRect(first_row.find('.xe_selected_cell:first')).left;
var _right = this._getRect(first_row.find('.xe_selected_cell:last')).right;
// 테이블의 모든 셀에서 선택영역에 해당하는 셀을 구한다(좌우 기준).
(cell = table.find('td,th').filter(function(){
var rect = self._getRect($(this));
return !(rect.right <= _left || rect.left >= _right);
})).filter('.xe_selected_cell').each(function(idx){
var t = $(this);
var colspan = self._getSpan(t, 'col');
var clone = t.clone().html('
');
// colspan > 1 이면 colspan을 절반으로 분할한다.
if (colspan > 1) {
var leftspan = Math.ceil(colspan/2);
var rightspan = colspan - leftspan;
t.attr('colSpan', leftspan);
clone.attr('colSpan', rightspan);
} else {
// colspan이 없으면 현재 셀과 영역이 겹치는 모든 셀에 colspan을 추가
var rect = self._getRect(t);
cell.filter(function(){
if (t.get(0) == this) return false;
var tt = $(this);
var rc = self._getRect(tt);
// 범위를 넘은 부분은 제외
if (rc.right <= rect.left || rc.left >= rect.right) return false;
return true;
}).each(function(){
var tt = $(this);
// colspan 1 추가
tt.attr('colSpan', self._getSpan(tt, 'col')+1);
});
clone.attr('colSpan', 1);
}
if ($.browser.msie) {
// Fix for IE bug
t.after(clone.get(0).outerHTML);
} else {
t.after(clone);
}
});
},
$ON_CHECK_STYLE_CHANGE : function(){
var ui = ['merge_cells', 'split_col', 'split_row'];
var app = this.oApp;
var command = (this._startSel && this._startSel.is('.xe_selected_cell'))?'ENABLE_UI':'DISABLE_UI';
$.each(ui, function(){ app.exec(command, [this]); });
},
_mousedown : function(event) {
var cur = $(event.target);
var sel = cur.parents().andSelf().filter('td,th,table');
var app = this.oApp;
var self = this;
// 모든 선택영역 해제
$('td.xe_selected_cell', this.oApp.getWYSIWYGDocument()).removeClass('xe_selected_cell');
this._startSel = null;
this._endSel = null;
if (!sel.length || !this._isLeftClicked(event.button)) return;
function delayed(){
sel = app.getSelection().cloneRange();
sel.collapseToStart();
sel = $(sel.startContainer).parents().andSelf().filter('td,th').eq(0);
if (!sel.length) return self._removeAllListener()||true;
// 좌표를 구한다
self._getRect(self._startSel = sel);
// 이벤트 바인딩
self._doc.bind('mousemove', self.$FnMouseMove);
self._doc.bind('mouseup', self.$FnMouseUp);
}
// mousedown이 일어난 후에 선택 영역이 설정되므로 실행을 지연시킨다.
setTimeout(delayed, 0);
},
_mouseup : function(event) {
// 선택된 셀 확인
this._removeAllListener();
// 시작셀과 종료셀 제거
this._startSel = this._endSel = null;
},
_mousemove : function(event) {
var cur = $(event.target);
var cell = cur.parents().andSelf().filter('td,th').eq(0);
var self = this;
// 마우스 왼쪽 버튼이 눌리지 않았으면 종료
if (!cell.length || !this._isLeftClicked(event.button)) return;
if (!this._endSel && cell.get(0) == this._startSel.get(0)) return;
if (this._endSel && cell.get(0) == this._endSel.get(0)) return;
// 종료셀 && 종료셀의 좌표
this._getRect(this._endSel = cell);
// 선택 범위를 구한다
var _top = Math.min(this._startSel.rect.top, this._endSel.rect.top);
var _left = Math.min(this._startSel.rect.left, this._endSel.rect.left);
var _bottom = Math.max(this._startSel.rect.bottom, this._endSel.rect.bottom);
var _right = Math.max(this._startSel.rect.right, this._endSel.rect.right);
var table = cell.parents('table');
var cells = table.find('td,th').removeClass('xe_selected_cell');
var i = 0;
// 복잡한 모양의 테이블을 위한 반복 처리
var selected = $();
do {
// 선택한 셀로 최대 영역 재계산
selected.each(function(){
var rect = self._getRect($(this));
// 영역 재계산
if (rect.right > _right) _right = rect.right;
if (rect.left < _left) _left = rect.left;
if (rect.top < _top) _top = rect.top;
if (rect.bottom > _bottom) _bottom = rect.bottom;
});
// 좌표 범위 안에 있는 선택할 셀을 추린다.
cells = cells.filter(':not(.xe_selected_cell)');
selected = cells.filter(function(){
var rect = self._getRect($(this));
if (rect.right <= _left || rect.left >= _right || rect.bottom <= _top || rect.top >= _bottom) return false;
return true;
}).addClass('xe_selected_cell');
} while(selected.length);
// 브라우저의 기본 선택영역 해제 : FF 제외 - 기본 기능이 충분히 좋아서 + 이 부분을 실행하면 오류가 발생해서
if (!$.browser.mozilla) {
function delayed() {
var sel = self.oApp.getSelection();
if (!self._startSel) return;
if (!self._startSel.get(0).firstChild) self._startSel.text(" ");
sel.selectNode(self._startSel.get(0).firstChild);
sel.collapseToStart();
sel.select();
}
setTimeout(delayed, 0);
}
return false;
},
_removeAllListener : function() {
// 이벤트 해제
this._doc.unbind("mousemove", this.$FnMouseMove);
this._doc.unbind("mouseup", this.$FnMouseUp);
},
_isLeftClicked : function(value) {
return $.browser.msie?!!(value & 1):(value == 0);
},
_getRect : function(obj) {
var el = obj.get(0);
obj.rect = {};
obj.rect.top = el.offsetTop;
obj.rect.left = el.offsetLeft;
obj.rect.bottom = obj.rect.top + el.offsetHeight;
obj.rect.right = obj.rect.left + el.offsetWidth;
return obj.rect;
},
_getSpan : function(obj, type) {
var span = parseInt($(obj).attr(type+'span'));
return isNaN(span)?1:span;
}
}).extend(xe.XE_Table);
})(jQuery);
/* file:/free/home/luxdog/html/modules/editor/skins/xpresseditor/js/xe_interface.js */
if (!window.xe) xe = {};
xe.Editors = [];
function editorStart_xe(editor_sequence, primary_key, content_key, editor_height, colorset, content_style, content_font, content_font_size) {
if(typeof(colorset)=='undefined') colorset = 'white';
if(typeof(content_style)=='undefined') content_style = 'xeStyle';
if(typeof(content_font)=='undefined') content_font= '';
if(typeof(content_font_size)=='undefined') content_font_size= '';
var target_src = request_uri+'modules/editor/styles/'+content_style+'/editor.html';
var textarea = jQuery("#xpress-editor-"+editor_sequence);
var iframe = jQuery('
';
} else if(/\.flv$/i.test(src) || /\.mov$/i.test(src) || /\.moov$/i.test(src) || /\.m4v$/i.test(src)) {
html = '';
} else if(/\.swf/i.test(src)) {
clsid = 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000';
if(typeof(enforce_ssl)!='undefined' && enforce_ssl){ codebase = "https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"; }
else { codebase = "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"; }
html = '';
} else {
if (jQuery.browser.mozilla || jQuery.browser.opera) {
// firefox and opera uses 0 or 1 for autostart parameter.
autostart = (params.autostart && params.autostart != 'false') ? '1' : '0';
}
html = '