Table Editor

// JScript source code function createDynamicEditBox(prefix, theme, useTables, stylesheet, imagedir) { var div = document.createElement('DIV'); div.style.position = 'absolute'; div.style.visibility = 'hidden'; div.style.left = -10000; div.style.top = -10000; div.style.width = 0; div.style.height = 0; div.zIndex = 100; if (stylesheet == null) stylesheet = 'inc/style.css'; if (imagedir == null) imagedir = '/images/ftb/images'; var html = ' \ \ \ \ \ \ \

\ \ \ \ \

\ \ \ \ \ \ \ \ \ \ \ '; if (useTables) { html += ' \ \ \ \ \ \ \ \ \ '; } html += ' \ \ \ \ \ \ \ \ \ '; if (window.GetFeatureId != undefined) { html += ' \ \ '; } html += ' \ \ '; html += ' \ \

\ \

\ \ \

\ '; div.innerHTML = html; document.body.appendChild(div); var buttons = new Array( new FTB_Button(prefix + '_0_0','bold',null,null,false,null), new FTB_Button(prefix + '_0_1','italic',null,null,false,null), new FTB_Button(prefix + '_0_2','underline',null,null,false,null), new FTB_Button(prefix + '_0_3','strikethrough',null,null,false,null), new FTB_Button(prefix + '_0_5','superscript',null,null,false,null), new FTB_Button(prefix + '_0_6','subscript',null,null,false,null), new FTB_Button(prefix + '_0_7','removeformat',null,null,false,null), new FTB_Button(prefix + '_0_9','cut',function() { this.ftb.Cut(); },null,true,null), new FTB_Button(prefix + '_0_10','copy',function() { this.ftb.Copy(); },null,true,null), new FTB_Button(prefix + '_0_11','paste',function() { this.ftb.Paste(); },null,true,null), new FTB_Button(prefix + '_0_13','undo',function() { this.ftb.Undo(); },null,false,function() { this.disabled=!this.ftb.CanUndo(); }), new FTB_Button(prefix + '_0_14','redo',function() { this.ftb.Redo(); },null,false,function() { this.disabled=!this.ftb.CanRedo(); }), new FTB_Button(prefix + '_0_24', 'cyberlink', function() { this.ftb.CyberLink(); }, null, false, null), // function() { try { if (this.ftb.GetSelection().createRange().htmlText.length > 0) this.disabled = false; else this.disabled = true; } catch(e) {} }) new FTB_Button(prefix + '_0_26', 'netspell', function() { this.ftb.NetSpell(); }, null, false, null) ); if (window.GetFeatureId != undefined) { buttons[buttons.length] = new FTB_Button(prefix + '_0_15','attach',function() { this.ftb.Attach(); } ,null,false,null); } if (useTables) { buttons[buttons.length] = new FTB_Button(prefix + '_0_16','',function() { this.ftb.InsertTableWindow(); },null,false,null); buttons[buttons.length] = new FTB_Button(prefix + '_0_17','',function() { this.ftb.EditTable(); },null,false,function() { if (this.ftb.GetNearest('tr')) this.disabled=false; else this.disabled=true; }); buttons[buttons.length] = new FTB_Button(prefix + '_0_18','',function() { this.ftb.InsertTableRowAfter(); },null,false,function() { if (this.ftb.GetNearest('td')) this.disabled=false; else this.disabled=true; }); buttons[buttons.length] = new FTB_Button(prefix + '_0_19','',function() { this.ftb.InsertTableRowBefore(); },null,false,function() { if (this.ftb.GetNearest('td')) this.disabled=false; else this.disabled=true; }); buttons[buttons.length] = new FTB_Button(prefix + '_0_20','',function() { this.ftb.DeleteTableRow(); },null,false,function() { if (this.ftb.GetNearest('td')) this.disabled=false; else this.disabled=true; }); buttons[buttons.length] = new FTB_Button(prefix + '_0_21','',function() { this.ftb.InsertTableColumnAfter(); },null,false,function() { if (this.ftb.GetNearest('td')) this.disabled=false; else this.disabled=true; }); buttons[buttons.length] = new FTB_Button(prefix + '_0_22','',function() { this.ftb.InsertTableColumnBefore(); },null,false,function() { if (this.ftb.GetNearest('td')) this.disabled=false; else this.disabled=true; }); buttons[buttons.length] = new FTB_Button(prefix + '_0_23','',function() { this.ftb.DeleteTableColumn(); },null,false,function() { if (this.ftb.GetNearest('td')) this.disabled=false; else this.disabled=true; }); } var ftb = new FTB_FreeTextBox(prefix, theme, true, false, buttons, new Array( new FTB_DropDownList(prefix + '_0_25','forecolor',null,null,null) ), FTB_BREAK_P, FTB_PASTE_DEFAULT, FTB_TAB_INSERTSPACES, FTB_MODE_DESIGN, de_onChanged, stylesheet, theme + '_designStyle', '', '', '', '', '', false, 21, 20 ); ftb._div = div; ftb._designFrame = document.getElementById(prefix + '_designEditor'); return ftb; } function de_show(srcElement,userdef,sxStyle) { if (this.sourceElement) this.hide(); this.sourceElement = srcElement; this.userdef = userdef; this.undoArrayPos = -1; this._div.style.visibility = 'visible'; this.sourceElement.style.visibility = 'hidden'; this.SetHtml(srcElement.innerHTML + ' '); //var eBody=this.designEditor.document.getElementByName('Body'); //if(sxStyle.length>0) this.designEditor.document.body.style.cssText=sxStyle; srcElement.innerHTML = ''; de_onChanged(this); this.Focus(); var ftb = this; this._timer = window.setInterval(function () { de_onChanged(ftb); }, 200); } function de_hide() { if (this._timer) window.clearInterval(this._timer); this._timer = null; this._div.style.visibility = 'hidden'; this._div.style.left = -10000; this._div.style.top = -10000; if (this.sourceElement == null) return; this.sourceElement.innerHTML = ftb.GetHtml().replace(/<\/TD>/gi, ' '); if (this.sourceElement.innerHTML == '') this.sourceElement.innerHTML = ' '; this.sourceElement.style.width = 'auto'; this.sourceElement.style.height = 'auto'; this.sourceElement.style.visibility = 'visible'; this.sourceElement = null; this.SetHtml(''); } function de_onChanged(ftb) { if (ftb.sourceElement == null) return; // var v = ftb.GetHtml(); // if (v == '' || v == null) v = ' '; // // v = v.replace(/<\/TD>/gi, ' '); // // if (v != ftb._last) // { // ftb.sourceElement.innerHTML = v; // ftb._last = v; // } var par = ftb.sourceElement; var x = 0; var y = 0; var w = par.offsetWidth - 2; var h = ftb.designEditor.document.body.scrollHeight; try { // if (ftb._div.style.left == '-10000px') { while(par) { x += par.offsetLeft; y += par.offsetTop; par = par.offsetParent; } ftb._div.style.left = x; ftb._div.style.top = y; } ftb.sourceElement.style.height = h + ftb.toolbarArea.parentNode.offsetHeight + 6; ftb._designFrame.style.width = w; ftb._designFrame.style.height = h; // ftb.sourceElement.offsetHeight - (ftb.toolbarArea.parentNode.offsetHeight + 6); if (ftb.onchanged) ftb.onchanged(ftb, ftb.userdef); } catch(e) { } } FTB_FreeTextBox.prototype.Attach = function() { var w = 480; var h = 320; if (document.all || document.layers) { w = screen.availWidth; h = screen.availHeight; } var popW = 400; var popH = 130; var leftPos = (w - popW) / 2; var topPos = (h - popH) / 2; var sess = '?sid=' + GetSid(); this.dialogWindow = window.open('/WebApps/Attachments/upload.aspx' + sess + '&FeatureId=' + GetFeatureId(this.userdef) + '&FeatureType=' + GetFeatureType(), 'inswin', 'status=yes,width=' + popW + ',height=' + popH + ',top=' + topPos + ',left=' + leftPos); this.dialogWindow.focus(); } FTB_FreeTextBox.prototype.SpellCheck = function() { checkSpellingById(this.id); } FTB_FreeTextBox.prototype.CyberLink = function() { var s = this.GetSelection(); if (s.type == 'Text') { s = s.createRange(); if (s.htmlText.length) { var r = SendServerReq('/WebApps/AnnotationLinks/resolver.aspx?sid=' + GetSid() + '&query=' + escape(s.htmlText), ''); if (r.indexOf('<') > -1) { this.InsertHtml(''); this.InsertHtml(r); return; } } } // this.CreateLink(); this.dialogWindow = window.open('/WebApps/AnnotationLinks/chooser.shtml', '_blank', 'center=yes,height=180px,width=300px,status=no,toolbar=no,status=no'); } FTB_FreeTextBox.prototype.BrowseForLink = function() { this.dialogWindow = window.open('/WebApps/AnnotationLinks/linkchooser.aspx?sid=' + GetSid(), '_blank', 'center=yes,resizable=yes'); } /* main FTB object -------------------------------------- */ function FTB_FreeTextBox(id, theme, enableToolbars, readOnly, buttons, dropdownlists, breakMode, pasteMode, tabMode, startMode, clientSideTextChanged, designModeCss, designModeBodyTagCssClass, baseUrl, textDirection, buttonImageFormat, imageGalleryUrl, imageGalleryPath, receiveFocus, buttonWidth, buttonHeight) { this.debug = document.getElementById('debug'); this.id = id; this.theme = theme; this.enableToolbars = enableToolbars; this.readOnly = readOnly; this.buttons = buttons; this.dropdownlists = dropdownlists; this.breakMode = breakMode; this.pasteMode = pasteMode; this.tabMode = tabMode; this.startMode = startMode; this.clientSideTextChanged = clientSideTextChanged; this.designModeCss = designModeCss; this.designModeBodyTagCssClass = designModeBodyTagCssClass; this.baseUrl = baseUrl; this.textDirection = textDirection; this.buttonImageFormat = buttonImageFormat; // currently unused this.imageGalleryUrl = imageGalleryUrl; this.imageGalleryPath = imageGalleryPath; this.hasFocus = false; this.mode = FTB_MODE_DESIGN; this.initialized = false; this.undoArray = new Array(); this.undoArrayMax = 16; this.undoArrayPos = -1; this.lastEvent = null; //}; //FTB_FreeTextBox.prototype.Initialize = function() { var ftb = this; // 2. Find everything //* windows this.htmlEditor = document.getElementById(this.id); if (FTB_Browser.isIE) { this.previewPane = eval(this.id + "_previewPane"); this.designEditor = eval(this.id + "_designEditor"); this.designEditor.ftb = this; this.designEditor.document.ftb = this; document.getElementById(this.id + "_designEditor").document.ftb = this; } else { this.previewPane = document.getElementById(this.id + "_previewPane").contentWindow; this.designEditor = document.getElementById(this.id + "_designEditor").contentWindow; this.designEditor.document.ftb = this; } //* areas this.toolbarArea = document.getElementById(this.id + "_toolbarArea"); this.designEditorArea = document.getElementById(this.id + "_designEditorArea"); this.htmlEditorArea = document.getElementById(this.id + "_htmlEditorArea"); this.previewPaneArea = document.getElementById(this.id + "_previewPaneArea"); //* tabs this.designModeTab = document.getElementById(this.id + "_designModeTab"); if (this.designModeTab) { this.designModeTab.ftb = this; this.designModeTab.onclick = function() { if (!this.ftb.readOnly) {this.ftb.GoToDesignMode(); this.ftb.Focus(); this.ftb.UpdateToolbars(); }} } this.htmlModeTab = document.getElementById(this.id + "_htmlModeTab"); if (this.htmlModeTab) { this.htmlModeTab.ftb = this; this.htmlModeTab.onclick = function() { if (!this.ftb.readOnly) {this.ftb.GoToHtmlMode(); this.ftb.Focus(); this.ftb.UpdateToolbars(); }} } this.previewModeTab = document.getElementById(this.id + "_previewModeTab"); if (this.previewModeTab) { this.previewModeTab.ftb = this; this.previewModeTab.onclick = function() { if (!this.ftb.readOnly) {this.ftb.GoToPreviewMode();}} } //* ancestor area this.ancestorArea = document.getElementById(this.id + "_AncestorArea"); // 3. Tell buttons who owns them //* setup buttons & dropdowns if (this.enableToolbars) { for(var i=0; i@import url(" + this.designModeCss + ");" : "") + this.designEditor.document.open('text/html', 'replace'); this.designEditor.document.write("" + "" + ((this.designModeCss != '') ? "" : "") + ((this.baseUrl != '') ? "" : "") + "" + "" + "" + this.htmlEditor.value + "" + ""); this.designEditor.document.close(); if (!this.readOnly) { if (FTB_Browser.isIE) this.designEditor.document.body.contentEditable = true; // enable this html area this.htmlEditor.disabled = ''; } // silly IE can't get the style right until now... if (FTB_Browser.isIE) { this.designEditor.document.body.style.border = '0'; } // 5. Add events if (!this.readOnly) { if (FTB_Browser.isIE) { FTB_AddEvents(this.designEditor.document, new Array("keydown","keypress","mousedown", "keyup"), function(e) { ftb.hasFocus=true; return ftb.Event(e); } ); } else { var evt = function(e) { //alert(this.document.ftb); if (this.document.ftb != null) { this.document.ftb.hasFocus=true; this.document.ftb.Event(e); } return false; } this.designEditor.addEventListener("keydown", evt, true); this.designEditor.addEventListener("keypress", evt, true); this.designEditor.addEventListener("mousedown", evt, true); this.designEditor.addEventListener('keyup', evt, true); // no paste event in Mozilla } FTB_AddEvents(this.designEditor, new Array("blur"), function(e) { ftb.Event(e); ftb.StoreHtml(); if (ftb._noblur == false) { ftb.hasFocus=false; if (ftb.onblur && ftb.hasFocus == false) ftb.onblur(ftb, ftb.userdef); } } ); } if (this.startMode == FTB_MODE_HTML) this.GoToHtmlMode(); if (this.readOnly) this.DisableAllToolbarItems(); else this.UpdateToolbars(); this.undoArray[0] = this.htmlEditorArea.value; this.initialized = true; if (this.receiveFocus) this.Focus(); }; FTB_FreeTextBox.prototype.RefreshDesignMode = function() { if (!this.readOnly && FTB_Browser.isGecko) { this.designEditor.document.designMode = 'on'; this.designEditor.document.execCommand('useCSS', false, true); } } FTB_FreeTextBox.prototype.AddStyle = function(css) { var styleEl=document.createElement('style'); styleEl.type='text/css'; styleEl.appendChild(css); this.designEditor.document.appendChild(styleEl); }; FTB_FreeTextBox.prototype.Event = function(ev) { if (ev != null) { if (FTB_Browser.isIE) { try { sel = this.GetSelection(); r = this.CreateRange(sel); } catch(e) { return false; } // check for undo && redo if (ev.ctrlKey && ev.keyCode == FTB_KEY_Z) { this.Undo(); this.CancelEvent(ev); } else if (ev.ctrlKey && ev.keyCode == FTB_KEY_Y) { this.Redo(); this.CancelEvent(ev); } else { if (ev.keyCode == FTB_KEY_ENTER) { if (this.breakMode == FTB_BREAK_BR || ev.ctrlKey) { if (sel.type == 'Control') { return; } if ((!this.CheckTag(r.parentElement(),'LI'))&&(!this.CheckTag(r.parentElement(),'H'))) { r.pasteHTML('
'); this.CancelEvent(ev); r.select(); r.collapse(false); return false; } } } else if ((ev.ctrlKey && !ev.shiftKey && !ev.altKey)) { if (ev.keyCode == FTB_KEY_V || ev.keyCode == 118) { if (ev.type == 'keydown') { this.CapturePaste(); this.CancelEvent(ev); } } } else if (ev.keyCode == FTB_KEY_TAB) { if (this.CheckTag(r.parentElement(),'LI')) { if (ev.shiftKey) this.ExecuteCommand("outdent"); else this.ExecuteCommand("indent"); this.CancelEvent(ev); } else { switch (this.tabMode) { default: case FTB_TAB_NEXTCONTROL: break; case FTB_TAB_INSERTSPACES: this.InsertHtml(" "); this.CancelEvent(ev); break; case FTB_TAB_DISABLED: this.CancelEvent(ev); break; } } } } } else { if (ev.type == "keypress" || ev.type == "keydown") { // check for undo && redo if (ev.ctrlKey && ev.which && ev.which == FTB_KEY_Z) { this.Undo(); this.CancelEvent(ev); } else if (ev.ctrlKey && ev.which && ev.which == FTB_KEY_Y) { this.Redo(); this.CancelEvent(ev); } else { if (ev.keyCode == FTB_KEY_ENTER) { if (this.breakMode == FTB_BREAK_P) { /* var insertP = true; var parent = this.GetParentElement(); if ( parent != null ) if (this.CheckTag(this.GetParentElement(),'LI') ) insertP = false; if (!insertP) return; if ( parent != null ) { if ( !this.CheckTag(this.GetParentElement(),'P') ) this.ExecuteCommand('formatblock','','p'); } else { this.ExecuteCommand('formatblock','','p'); } var parent = this.GetParentElement(); p = this.designEditor.document.createElement('p'); sel = this.GetSelection(); r = this.CreateRange(sel); r.insertNode(p); r.selectNode(p); //p.focus(); // //parent.insertBefore(p); this.CancelEvent(ev); */ } // check for control+commands (not in Mozilla by default) } else if ((ev.ctrlKey && !ev.shiftKey && !ev.altKey)) { if (ev.which == FTB_KEY_V || ev.which == 118) { if (ev.which == 118 && this.pasteMode != FTB_PASTE_DEFAULT) { this.CapturePaste(); this.CancelEvent(ev); } } else if (ev.which == FTB_KEY_B || ev.which == 98) { if (ev.which == FTB_KEY_B) this.ExecuteCommand('bold'); this.CancelEvent(ev); } else if (ev.which == FTB_KEY_I || ev.which == 105) { if (ev.which == FTB_KEY_I) this.ExecuteCommand('italic'); this.CancelEvent(ev); } else if (ev.which == FTB_KEY_U || ev.which == 117) { if (ev.which == FTB_KEY_U) this.ExecuteCommand('underline'); this.CancelEvent(ev); } } else if (ev.which == FTB_KEY_TAB) { if (this.CheckTag(r.parentElement,'LI')) { // do it's own thing! } else { switch (this.tabMode) { default: case FTB_TAB_NEXTCONTROL: // unsupported in Mozilla break; case FTB_TAB_INSERTSPACES: // do it's own thing break; case FTB_TAB_DISABLED: this.CancelEvent(ev); break; } } } } } } } if (this.mode == FTB_MODE_DESIGN) { FTB_Timeout.addMethod(this.id+'_UpdateToolbars',this,'UpdateToolbars',200); } if (this.clientSideTextChanged) this.clientSideTextChanged(this); }; FTB_FreeTextBox.prototype.CancelEvent = function(ev) { if (FTB_Browser.isIE) { ev.cancelBubble = true; ev.returnValue = false; } else { ev.preventDefault(); ev.stopPropagation(); } }; FTB_FreeTextBox.prototype.InsertElement = function(el) { var sel = this.GetSelection(); var range = this.CreateRange(sel); if (FTB_Browser.isIE) { range.pasteHTML(el.outerHTML); } else { this.InsertNodeAtSelection(el); } }; FTB_FreeTextBox.prototype.RecordUndoStep = function() { if (!this.initialized) return; ++this.undoArrayPos; if (this.undoArrayPos >= this.undoArrayMax) { // remove the first element this.undoArray.shift(); --this.undoArrayPos; } var take = true; var html = this.designEditor.document.body.innerHTML; if (this.undoArrayPos > 0) take = (this.undoArray[this.undoArrayPos - 1] != html); if (take) { this.undoArray[this.undoArrayPos] = html; } else { this.undoArrayPos--; } }; FTB_FreeTextBox.prototype.Undo = function() { if (this.undoArrayPos > 0) { var html = this.undoArray[--this.undoArrayPos]; // if (html) this.designEditor.document.body.innerHTML = html; // else // ++this.undoArrayPos; } }; FTB_FreeTextBox.prototype.CanUndo = function() { return true; return (this.undoArrayPos > 0); }; FTB_FreeTextBox.prototype.Redo = function() { if (this.undoArrayPos < this.undoArray.length - 1) { var html = this.undoArray[++this.undoArrayPos]; if (html) this.designEditor.document.body.innerHTML = html; else --this.undoArrayPos; } }; FTB_FreeTextBox.prototype.CanRedo = function() { return true; return (this.undoArrayPos < this.undoArray.length - 1); }; FTB_FreeTextBox.prototype.CapturePaste = function() { switch (this.pasteMode) { case FTB_PASTE_DISABLED: return false; case FTB_PASTE_TEXT: if (window.clipboardData) { var text = window.clipboardData.getData('Text'); text = text.replace(/<[^>]*>/gi,''); this.InsertHtml(text); } else { alert("Your browser does not support pasting rich content"); } return false; default: case FTB_PASTE_DEFAULT: try { this.ExecuteCommand('paste'); } catch (e) { alert('Your security settings to not allow you to use this command. Please visit http://www.mozilla.org/editor/midasdemo/securityprefs.html for more information.'); } return true; } }; FTB_FreeTextBox.prototype.Debug = function(text) { if (this.debug) this.debug.value += text + '\r'; }; FTB_FreeTextBox.prototype.UpdateToolbars = function() { if (this.hasFocus) { if (this.mode == FTB_MODE_DESIGN) { if (this.enableToolbars) { for (var i=0; i-1; i--) { var el = ancestors[i]; if (!el) { continue; } var a = document.createElement("a"); a.href = "javascript:void();"; a.el = el; a.ftb = this; a.onclick = function() { this.blur(); this.ftb.SelectNodeContents(this.el); this.ftb.UpdateToolbars(); return false; }; a.oncontextmenu = function () { this.ftb.EditElementStyle(this.el); return false; } var txt = el.tagName.toLowerCase(); if (txt == "input") txt = el.type; a.title = el.style.cssText; if (el.id) { txt += "#" + el.id; } if (el.className) { txt += "." + el.className; } a.appendChild(document.createTextNode("<" + txt + ">")); this.ancestorArea.appendChild(a); //if (i != 0) // this.ancestorArea.appendChild(document.createTextNode(String.fromCharCode(0xbb))); } } else { this.ancestorArea.innerHTML = ""; } } }; FTB_FreeTextBox.prototype.SetToolbarItemsEnabledState = function() { if (!this.enableToolbars) return; if (this.hasFocus || !this.initialized) { if (this.mode == FTB_MODE_DESIGN ) { for (i=0; i').replace('\t','').replace('\n','')); } else { iframe.document.open(); iframe.document.write("" + "" + ((this.designModeCss != '' && FTB_Browser.isGecko) ? "" : "") + ((this.baseUrl != '') ? "" : "") + "" + "" + this.htmlEditor.value + "" + ""); //iframe.document.write(this.htmlEditor.value); iframe.document.close(); } }; FTB_FreeTextBox.prototype.CopyDesignToHtml = function() { this.htmlEditor.value = this.designEditor.document.body.innerHTML; // clear out default moz & ie properties if (this.htmlEditor.value == '
' || this.htmlEditor.value == '
\r\n' || // Moz this.htmlEditor.value == '

') { // IE this.htmlEditor.value = ''; } }; FTB_FreeTextBox.prototype.GoToHtmlMode = function() { if (this.mode == FTB_MODE_DESIGN) this.CopyDesignToHtml(); if (FTB_Browser.isGecko) this.designEditor.document.designMode = 'Off'; this.designEditorArea.style.display = 'none'; this.htmlEditorArea.style.display = ''; this.previewPaneArea.style.display = 'none'; if (this.ancestorArea) this.ancestorArea.innerHTML = ""; this.SetActiveTab(this.htmlModeTab); this.mode = FTB_MODE_HTML; //this.Focus(); return true; }; FTB_FreeTextBox.prototype.GoToDesignMode = function() { if (this.mode == FTB_MODE_DESIGN) return false; this.CopyHtmlToIframe(this.designEditor); this.designEditorArea.style.display = ''; this.htmlEditorArea.style.display = 'none'; this.previewPaneArea.style.display = 'none'; // reset for Gecko if (FTB_Browser.isGecko) { this.designEditor.document.designMode = 'On'; this.designEditor.document.execCommand("useCSS", false, true); } if (this.ancestorArea) this.ancestorArea.innerHTML = ""; this.SetActiveTab(this.designModeTab); //this.SetToolbarItemsEnabledState(); this.mode = FTB_MODE_DESIGN; //this.Focus(); return true; }; FTB_FreeTextBox.prototype.GoToPreviewMode = function() { if (this.mode == FTB_MODE_DESIGN) this.CopyDesignToHtml(); this.CopyHtmlToIframe(this.previewPane); this.designEditorArea.style.display = 'none'; this.htmlEditorArea.style.display = 'none'; this.previewPaneArea.style.display = ''; this.SetActiveTab(this.previewModeTab); if (this.ancestorArea) this.ancestorArea.innerHTML = ""; this.mode = FTB_MODE_PREVIEW; return true; }; FTB_FreeTextBox.prototype.HtmlEncode = function( text ) { if ( typeof( text ) != "string" ) text = text.toString() ; text = text.replace(/&/g, "&") ; text = text.replace(/"/g, """) ; text = text.replace(//g, ">") ; text = text.replace(/'/g, "’") ; return text ; }; FTB_FreeTextBox.prototype.ExecuteCommand = function(commandName, middle, commandValue) { if (this.mode != FTB_MODE_DESIGN) return; this.designEditor.focus(); if (commandName == 'backcolor' && !FTB_Browser.isIE) commandName = 'hilitecolor'; this._noblur = true; this.designEditor.document.execCommand(commandName,middle,commandValue); this._noblur = false; if (this.clientSideTextChanged) this.clientSideTextChanged(this); }; FTB_FreeTextBox.prototype.QueryCommandState = function(commandName) { if (this.mode != FTB_MODE_DESIGN) return false; try { if (this.designEditor.document.queryCommandState(commandName)) { return FTB_BUTTON_ON; } else { // special case for paragraph on IE if (commandName == 'justifyleft') { if (this.designEditor.document.queryCommandState('justifyright') == false && this.designEditor.document.queryCommandState('justifycenter') == false && this.designEditor.document.queryCommandState('justifyfull') == false ) { return FTB_BUTTON_ON; } else { return FTB_BUTTON_OFF; } } else { return FTB_BUTTON_OFF; } } } catch(exp) { return FTB_BUTTON_OFF; } }; FTB_FreeTextBox.prototype.QueryCommandValue = function(commandName) { if (this.mode != FTB_MODE_DESIGN) return false; try { value = this.designEditor.document.queryCommandValue(commandName); } catch (err) { this.RefreshDesignMode(); this.UpdateToolbars(); value = this.designEditor.document.queryCommandValue(commandName); } switch (commandName) { case "backcolor": if (FTB_Browser.isIE) { value = FTB_IntToHexColor(value); } else { if (value == "") value = "#FFFFFF"; } break; case "forecolor": if (FTB_Browser.isIE) { value = FTB_IntToHexColor(value); } else { if (value == "") value = "#000000"; } break; case "formatBlock": if (!FTB_Browser.isIE) { if (value == "" || value == "") value = "

"; else value = "<" + value + ">"; } break; } if (value == '' || value == null) { if (commandName == 'fontsize') return '3'; if (commandName == 'fontname') return 'Times New Roman'; if (commandName == 'forecolor') return '#000000'; if (commandName == 'backcolor') return '#ffffff'; } return value; }; FTB_FreeTextBox.prototype.SurroundHtml = function(start,end) { if (this.mode == FTB_MODE_HTML) return; this.designEditor.focus(); if (FTB_Browser.isIE) { var sel = this.designEditor.document.selection.createRange(); html = start + sel.htmlText + end; sel.pasteHTML(html); } else { selection = this.designEditor.window.getSelection(); if (selection) { range = selection.getRangeAt(0); } else { range = this.designEditor.document.createRange(); } this.InsertHtml(start + selection + end); } }; FTB_FreeTextBox.prototype.InsertHtml = function(html) { if (this.mode != FTB_MODE_DESIGN) return; this.designEditor.focus(); if (FTB_Browser.isIE) { sel = this.designEditor.document.selection.createRange(); sel.pasteHTML(html); } else { selection = this.designEditor.window.getSelection(); if (selection) { range = selection.getRangeAt(0); } else { range = editor.document.createRange(); } var fragment = this.designEditor.document.createDocumentFragment(); var div = this.designEditor.document.createElement("div"); div.innerHTML = html; while (div.firstChild) { fragment.appendChild(div.firstChild); } selection.removeAllRanges(); range.deleteContents(); var node = range.startContainer; var pos = range.startOffset; switch (node.nodeType) { case 3: if (fragment.nodeType == 3) { node.insertData(pos, fragment.data); range.setEnd(node, pos + fragment.length); range.setStart(node, pos + fragment.length); } else { node = node.splitText(pos); node.parentNode.insertBefore(fragment, node); range.setEnd(node, pos + fragment.length); range.setStart(node, pos + fragment.length); } break; case 1: node = node.childNodes[pos]; node.parentNode.insertBefore(fragment, node); range.setEnd(node, pos + fragment.length); range.setStart(node, pos + fragment.length); break; } selection.addRange(range); } }; /* ------------------------------------------------ START: Node and Selection Methods */ FTB_FreeTextBox.prototype.CheckTag = function(item,tagName) { if (!item) return null; if (item.tagName.search(tagName)!=-1) { return item; } if (item.tagName=='BODY') { return false; } item=item.parentElement; return this.CheckTag(item,tagName); }; FTB_FreeTextBox.prototype.GetParentElement = function() { try { var sel = this.GetSelection(); var range = this.CreateRange(sel); if (FTB_Browser.isIE) { switch (sel.type) { case "Text": case "None": return range.parentElement(); case "Control": return range.item(0); default: return this.designEditor.document.body; } } else try { var p = range.commonAncestorContainer; if (!range.collapsed && range.startContainer == range.endContainer && range.startOffset - range.endOffset <= 1 && range.startContainer.hasChildNodes()) p = range.startContainer.childNodes[range.startOffset]; /* alert(range.startContainer + ":" + range.startOffset + "\n" + range.endContainer + ":" + range.endOffset); */ while (p.nodeType == 3) { p = p.parentNode; } return p; } catch (e) { return null; } } catch(e) { return null; } }; FTB_FreeTextBox.prototype.InsertNodeAtSelection = function(toBeInserted) { if (!FTB_Browser.isIE) { var sel = this.GetSelection(); var range = this.CreateRange(sel); // remove the current selection sel.removeAllRanges(); range.deleteContents(); var node = range.startContainer; var pos = range.startOffset; switch (node.nodeType) { case 3: // Node.TEXT_NODE // we have to split it at the caret position. if (toBeInserted.nodeType == 3) { // do optimized insertion node.insertData(pos, toBeInserted.data); range = this._createRange(); range.setEnd(node, pos + toBeInserted.length); range.setStart(node, pos + toBeInserted.length); sel.addRange(range); } else { node = node.splitText(pos); var selnode = toBeInserted; if (toBeInserted.nodeType == 11 /* Node.DOCUMENT_FRAGMENT_NODE */) { selnode = selnode.firstChild; } node.parentNode.insertBefore(toBeInserted, node); this.SelectNodeContents(selnode); } break; case 1: // Node.ELEMENT_NODE var selnode = toBeInserted; if (toBeInserted.nodeType == 11 /* Node.DOCUMENT_FRAGMENT_NODE */) { selnode = selnode.firstChild; } node.insertBefore(toBeInserted, node.childNodes[pos]); this.SelectNodeContents(selnode); break; } } }; FTB_FreeTextBox.prototype.SelectNodeContents = function(node, pos) { var range; var collapsed = (typeof pos != "undefined"); if (isIE) { range = this.designEditor.document.body.createTextRange(); range.moveToElementText(node); (collapsed) && range.collapse(pos); range.select(); } else { var sel = this.GetSelection(); range = this.designEditor.document.createRange(); range.selectNodeContents(node); (collapsed) && range.collapse(pos); sel.removeAllRanges(); sel.addRange(range); } }; FTB_FreeTextBox.prototype.SelectNextNode = function(el) { var node = el.nextSibling; while (node && node.nodeType != 1) { node = node.nextSibling; } if (!node) { node = el.previousSibling; while (node && node.nodeType != 1) { node = node.previousSibling; } } if (!node) { node = el.parentNode; } this.SelectNodeContents(node); }; FTB_FreeTextBox.prototype.GetSelection = function() { if (FTB_Browser.isIE) { return this.designEditor.document.selection; } else { return this.designEditor.getSelection(); } }; FTB_FreeTextBox.prototype.CreateRange = function(sel) { if (FTB_Browser.isIE) { return sel.createRange(); } else { if (typeof sel != "undefined") { try { return sel.getRangeAt(0); } catch(e) { return this.designEditor.document.createRange(); } } else { return this.designEditor.document.createRange(); } } }; FTB_FreeTextBox.prototype.SelectNodeContents = function(node, pos) { var range; var collapsed = (typeof pos != "undefined"); if (FTB_Browser.isIE) { range = this.designEditor.document.body.createTextRange(); range.moveToElementText(node); (collapsed) && range.collapse(pos); range.select(); } else { var sel = this.GetSelection(); range = this.designEditor.document.createRange(); range.selectNodeContents(node); (collapsed) && range.collapse(pos); sel.removeAllRanges(); sel.addRange(range); } }; FTB_FreeTextBox.prototype.GetNearest = function(tagName) { var ancestors = this.GetAllAncestors(); var ret = null; tagName = ("" + tagName).toLowerCase(); for (var i=0;i", ""); } }; FTB_FreeTextBox.prototype.GetHtml = function() { if (this.mode == FTB_MODE_DESIGN) this.CopyDesignToHtml(); return this.htmlEditor.value; }; FTB_FreeTextBox.prototype.SetHtml = function(html) { this.htmlEditor.value = html; this.mode = FTB_MODE_HTML; this.GoToDesignMode(); }; FTB_FreeTextBox.prototype.StoreHtml = function() { if (!this.initialized) return; if (this.mode == FTB_MODE_DESIGN) this.CopyDesignToHtml(); return true; }; /* START: Button Methods -------------------------------- */ FTB_FreeTextBox.prototype.DeleteContents = function() { if (confirm('Do you want to delete all the HTML and text presently in the editor?')) { this.designEditor.document.body.innerHTML = ''; this.htmlEditor.value=''; this.GoToDesignMode(); } }; FTB_FreeTextBox.prototype.Cut = function() { if (this.mode == FTB_MODE_DESIGN) { try { this.ExecuteCommand('cut'); } catch (e) { alert('Your security settings to not allow you to use this command. Please visit http://www.mozilla.org/editor/midasdemo/securityprefs.html for more information.'); } } else { //alert("TODO"); } }; FTB_FreeTextBox.prototype.Copy = function() { if (this.mode == FTB_MODE_DESIGN) { try { this.ExecuteCommand('copy'); } catch (e) { alert('Your security settings to not allow you to use this command. Please visit http://www.mozilla.org/editor/midasdemo/securityprefs.html for more information.'); } } else { //alert("TODO"); } }; FTB_FreeTextBox.prototype.Paste = function() { if (this.mode == FTB_MODE_DESIGN) this.CapturePaste(); } FTB_FreeTextBox.prototype.SelectAll = function() { if (this.mode == FTB_MODE_DESIGN) { this.SelectNodeContents(this.designEditor.document.body); } }; FTB_FreeTextBox.prototype.Print = function() { if (this.mode == FTB_MODE_DESIGN) { if (FTB_Browser.isIE) { this.ExecuteCommand('print'); } else { this.designEditor.print(); } } else { printWindow = window.open('','',''); printWindow.document.open(); printWindow.document.write("

" + this.HtmlEncode(this.htmlEditor.value) + "");
		printWindow.document.close();
		printWindow.document.body.print();
		printWindow.close();
	}
};
FTB_FreeTextBox.prototype.CreateLink = function() {
	if (FTB_Browser.isIE) {
		this.ExecuteCommand('createlink','1',null);
	} else {
		//need to pull
		var link = this.GetNearest('a');
		var url = prompt('Enter a URL:', (link) ? link.href : 'http://');
		if ((url != null) && (url != '')) 
			this.ExecuteCommand('createlink',null,url);
	}
};
FTB_FreeTextBox.prototype.IeSpellCheck = function() {
	if (!FTB_Browser.isIE) {
		alert('IE Spell is not supported in Mozilla');
		return;
	}
	try {
		var tspell = new ActiveXObject('ieSpell.ieSpellExtension');
		tspell.CheckAllLinkedDocuments(window.document);
	} catch (err){
		if (window.confirm('You need ieSpell to use spell check. Would you like to install it?')){
			window.open('http://www.iespell.com/download.php');
		};
	}
};
FTB_FreeTextBox.prototype.NetSpell = function() {
	if (typeof(checkSpellingById) == 'function') {
		checkSpellingById(this.id + '_designEditor');
	} else {
		alert('Netspell libraries not properly linked.');
	}
};
FTB_FreeTextBox.prototype.InsertImage = function() {
	if (FTB_Browser.isIE) {
		this.ExecuteCommand('insertimage','1',null);
	} else {
		var img = this.GetNearest('img');
		var imgSrc = prompt('Enter an image URL:', (img) ? img.src : 'http://');
		if ((imgSrc != null) && (imgSrc != '')) 
			this.ExecuteCommand('insertimage',null,imgSrc);			
	}
};
FTB_FreeTextBox.prototype.SaveButton = function() {
	this.StoreHtml();	
	dotNetName = this.id.split('_').join(':');
	__doPostBack(dotNetName,'Save');
};
FTB_FreeTextBox.prototype.InsertImageFromGallery = function() {
	
	url = this.imageGalleryUrl.replace(/\{0\}/g,this.imageGalleryPath);	
	url += "&ftb=" + this.id;

	var gallery = window.open(url,'gallery','width=700,height=600,toolbars=0,resizable=1');
	gallery.focus();	
}
FTB_FreeTextBox.prototype.Preview = function() {
	this.CopyDesignToHtml();

	printWindow = window.open('','','toolbars=no');
	printWindow.document.open();
	printWindow.document.write("" + ((this.baseUrl != '') ? "" : "") + "" + this.htmlEditor.value + "");
	printWindow.document.close();	
};
/* START: InsertTable */
FTB_FreeTextBox.prototype.InsertTable = function(cols,rows,width,widthUnit,align,cellpadding,cellspacing,border) {
	this.designEditor.focus();
	var sel = this.GetSelection();
	var range = this.CreateRange(sel);	
	
	var doc = this.designEditor.document;
	// create the table element
	var table = doc.createElement("table");	

	// assign the given arguments
	table.style.width 	= width + widthUnit;
	table.align	 		= align;
	table.border	 	= border;
	table.cellSpacing 	= cellspacing;
	table.cellPadding 	= cellpadding;
	
	var tbody = doc.createElement("tbody");
	table.appendChild(tbody);
	
	for (var i = 0; i < rows; ++i) {
		var tr = doc.createElement("tr");
		tbody.appendChild(tr);
		for (var j = 0; j < cols; ++j) {
			var td = doc.createElement("td");
			tr.appendChild(td);			
			if (!FTB_Browser.isIE) td.appendChild(doc.createElement("br"));
		}
	}
	
	if (FTB_Browser.isIE) {
		range.pasteHTML(table.outerHTML);
	} else {
		this.InsertNodeAtSelection(table);
	}

  this.RecordUndoStep();
  	
	return true;
};
FTB_FreeTextBox.prototype.InsertTableWindow = function() {
	this.LaunchTableWindow(false);
};
FTB_FreeTextBox.prototype.EditTable = function() {
	this.LaunchTableWindow(true);
};
FTB_FreeTextBox.prototype.LaunchTableWindow = function(editing) {
		
	var tableWin;
	
	this.dialogWindow = window.open("","tableWin","width=400,height=200");
	tableWin = this.dialogWindow;
	
	if (tableWin) {
		tableWin.focus();
	} else {
		alert("Please turn off your PopUp blocking software");
		return;
	}
		
	tableWin.document.body.innerHTML = '';
	tableWin.document.open();
	tableWin.document.write(FTB_TablePopUpHtml);
	tableWin.document.close();
	
	launchParameters = new Object();
	launchParameters['ftb'] = this;
	launchParameters['table'] = (editing) ? this.GetNearest("table") : null;	
	tableWin.launchParameters = launchParameters;
	tableWin.load();
};
var FTB_TablePopUpHtml = new String("\
 \
\
Table Editor\
\
\
\
\
 \
Table Editor \
 \
   \
   \
     \
     \
     \
     \
     \
   \
   \
     \
     \
     \
     \
     \
   \
   \
Rows: 
Cols: Width:  \
\
\
	\
	Layout \
		\
		\
		Alignment: \
			 \
		
Border thickness: \
			 \
		\
	\
\
	\
	Spacing \
		\
		\
		Cell spacing: \
			 \
		
Cell padding: \
			 \
		\
	 \
\
 \
 \
 \
 \
 \
 \
");

/* END: InsertTable */
/* --------------------------------*/

FTB_FreeTextBox.prototype.show = de_show;
FTB_FreeTextBox.prototype.hide = de_hide;

FTB_FreeTextBox.prototype.onchanged = null;
FTB_FreeTextBox.prototype.onblur = null;
FTB_FreeTextBox.prototype.sourceElement = null;
FTB_FreeTextBox.prototype.userdef = null;
FTB_FreeTextBox.prototype._designFrame = null;
FTB_FreeTextBox.prototype._timer = null;
FTB_FreeTextBox.prototype._noblur = false;
FTB_FreeTextBox.prototype.dialogWindow = null;
FTB_FreeTextBox.prototype._last = null;