(function() { var c = /^(H[1-6]|HR|P|DIV|ADDRESS|PRE|FORM|TABLE|LI|OL|UL|TD|CAPTION|BLOCKQUOTE|CENTER|DL|DT|DD|SCRIPT|NOSCRIPT|STYLE)$/i, f = /^(https?|ftp|rmtp|mms):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+)(:(\d+))?\/?/i, e = /<(script|noscript|style)[\u0000-\uFFFF]*?<\/(script|noscript|style)>/g; this.MooEditable = new Class( { Implements : [ Events, Options ], options : { toolbar : true, cleanup : true, paragraphise : true, xhtml : true, semantics : true, actions : "bold italic underline strikethrough | insertunorderedlist insertorderedlist indent outdent | undo redo | createlink unlink | createmailto removemailto | urlimage | toggleview", handleSubmit : true, handleLabel : true, disabled : false, baseCSS : "html{ height: 100%; cursor: text; } body{ font-family: sans-serif; }", extraCSS : "", externalCSS : "", html : '{BASEHREF}{EXTERNALCSS}', rootElement : "p", baseURL : "", dimensions : null }, initialize : function(a, b) { this.setOptions(b); this.textarea = document.id(a); this.textarea.store("MooEditable", this); this.actions = this.options.actions.clean().split(" "); this.keys = {}; this.dialogs = {}; this.protectedElements = []; this.actions.each(function(d) { var g = MooEditable.Actions[d]; if (g) { if (g.options) { var k = g.options.shortcut; if (k) this.keys[k] = d } g.dialogs && Object.each(g.dialogs, function(j, l) { j = j.attempt(this); j.name = d + ":" + l; if (typeOf(this.dialogs[d]) != "object") this.dialogs[d] = {}; this.dialogs[d][l] = j }, this); g.events && Object.each(g.events, function(j, l) { this.addEvent(l, j) }, this) } }.bind(this)); this.render() }, toElement : function() { return this.textarea }, render : function() { var a = this, b = this.options.dimensions || this.textarea.getSize(); this.container = new Element("div", { id : this.textarea.id ? this.textarea.id + "-mooeditable-container" : null, "class" : "mooeditable-container", styles : { width : b.x } }); this.textarea.addClass("mooeditable-textarea").setStyle( "height", b.y); this.iframe = new IFrame( { "class" : "mooeditable-iframe", frameBorder : 0, src : 'javascript:""', styles : { height : b.y } }); this.toolbar = new MooEditable.UI.Toolbar( { onItemAction : function() { var d = Array.from(arguments); a.action(d[0].name, d) } }); this.attach.delay(1, this); this.options.handleLabel && this.textarea.id && $$('label[for="' + this.textarea.id + '"]') .addEvent("click", function(d) { if (a.mode == "iframe") { d.preventDefault(); a.focus() } }); if (this.options.handleSubmit) { this.form = this.textarea.getParent("form"); if (!this.form) return; this.form.addEvent("submit", function() { a.mode == "iframe" && a.saveContent() }) } this.fireEvent("render", this) }, attach : function() { var a = this; this.mode = "iframe"; this.editorDisabled = false; this.container.wraps(this.textarea); this.textarea.setStyle("display", "none"); this.iframe.setStyle("display", "").inject(this.textarea, "before"); Object.each(this.dialogs, function(k, j) { Object.each(k, function(l) { document.id(l).inject(a.iframe, "before"); var m; l.addEvents( { open : function() { m = a.selection.getRange(); a.editorDisabled = true; a.toolbar.disable(j); a.fireEvent("dialogOpen", this) }, close : function() { a.toolbar.enable(); a.editorDisabled = false; a.focus(); m && a.selection.setRange(m); a.fireEvent("dialogClose", this) } }) }) }); this.win = this.iframe.contentWindow; this.doc = this.win.document; if (Browser.firefox) this.doc.designMode = "On"; var b = this.options.html .substitute( { BASECSS : this.options.baseCSS, EXTRACSS : this.options.extraCSS, EXTERNALCSS : this.options.externalCSS ? '' : "", BASEHREF : this.options.baseURL ? '' : "" }); this.doc.open(); this.doc.write(b); this.doc.close(); Browser.ie ? this.doc.body.contentEditable = true : this.doc.designMode = "On"; Object.append(this.win, new Window); Object.append(this.doc, new Document); if (Browser.Element) { b = this.win.Element.prototype; for ( var d in Element) d.test(/^[A-Z]|\$|prototype|mooEditable/) || (b[d] = Element.prototype[d]) } else document.id(this.doc.body); this.setContent(this.textarea.get("value")); this.doc.addEvents( { mouseup : this.editorMouseUp.bind(this), mousedown : this.editorMouseDown.bind(this), mouseover : this.editorMouseOver.bind(this), mouseout : this.editorMouseOut.bind(this), mouseenter : this.editorMouseEnter.bind(this), mouseleave : this.editorMouseLeave.bind(this), contextmenu : this.editorContextMenu.bind(this), click : this.editorClick.bind(this), dblclick : this.editorDoubleClick.bind(this), keypress : this.editorKeyPress.bind(this), keyup : this.editorKeyUp.bind(this), keydown : this.editorKeyDown.bind(this), focus : this.editorFocus.bind(this), blur : this.editorBlur.bind(this) }); this.win.addEvents( { focus : this.editorFocus.bind(this), blur : this.editorBlur.bind(this) }); [ "cut", "copy", "paste" ].each(function(k) { a.doc.body.addListener(k, a["editor" + k.capitalize()] .bind(a)) }); this.textarea.addEvent("keypress", this.textarea.retrieve( "mooeditable:textareaKeyListener", this.keyListener .bind(this))); Browser.firefox2 && this.doc.addEvent("focus", function() { a.win.fireEvent("focus").focus() }); this.doc.addEventListener && this.doc.addEventListener("focus", function() { a.win.fireEvent("focus") }, true); if (!Browser.ie && !Browser.opera) { var g = function() { a.execute("styleWithCSS", false, false); a.doc.removeEvent("focus", g) }; this.win.addEvent("focus", g) } if (this.options.toolbar) { document.id(this.toolbar).inject(this.container, "top"); this.toolbar.render(this.actions) } this.options.disabled && this.disable(); this.selection = new MooEditable.Selection(this.win); this.oldContent = this.getContent(); this.fireEvent("attach", this); return this }, detach : function() { this.saveContent(); this.textarea.setStyle("display", "").removeClass( "mooeditable-textarea").inject(this.container, "before"); this.textarea.removeEvent("keypress", this.textarea .retrieve("mooeditable:textareaKeyListener")); this.container.dispose(); this.fireEvent("detach", this); return this }, enable : function() { this.editorDisabled = false; this.toolbar.enable(); return this }, disable : function() { this.editorDisabled = true; this.toolbar.disable(); return this }, editorFocus : function(a) { this.oldContent = ""; this.fireEvent("editorFocus", [ a, this ]) }, editorBlur : function(a) { this.oldContent = this.saveContent().getContent(); this.fireEvent("editorBlur", [ a, this ]) }, editorMouseUp : function(a) { if (this.editorDisabled) a.stop(); else { this.options.toolbar && this.checkStates(); this.fireEvent("editorMouseUp", [ a, this ]) } }, editorMouseDown : function(a) { this.editorDisabled ? a.stop() : this.fireEvent( "editorMouseDown", [ a, this ]) }, editorMouseOver : function(a) { this.editorDisabled ? a.stop() : this.fireEvent( "editorMouseOver", [ a, this ]) }, editorMouseOut : function(a) { this.editorDisabled ? a.stop() : this.fireEvent( "editorMouseOut", [ a, this ]) }, editorMouseEnter : function(a) { if (this.editorDisabled) a.stop(); else { if (this.oldContent && this.getContent() != this.oldContent) { this.focus(); this.fireEvent("editorPaste", [ a, this ]) } this.fireEvent("editorMouseEnter", [ a, this ]) } }, editorMouseLeave : function(a) { this.editorDisabled ? a.stop() : this.fireEvent( "editorMouseLeave", [ a, this ]) }, editorContextMenu : function(a) { this.editorDisabled ? a.stop() : this.fireEvent( "editorContextMenu", [ a, this ]) }, editorClick : function(a) { if (Browser.safari || Browser.chrome) { var b = a.target; if (Element.get(b, "tag") == "img") { this.options.baseURL && b.getProperty("src").indexOf("http://") == -1 && b.setProperty("src", this.options.baseURL + b.getProperty("src")); this.selection.selectNode(b); this.checkStates() } } this.fireEvent("editorClick", [ a, this ]) }, editorDoubleClick : function(a) { this.fireEvent("editorDoubleClick", [ a, this ]) }, editorKeyPress : function(a) { if (this.editorDisabled) a.stop(); else { this.keyListener(a); this.fireEvent("editorKeyPress", [ a, this ]) } }, editorKeyUp : function(a) { if (this.editorDisabled) a.stop(); else { var b = a.code; if (this.options.toolbar && (/^enter|left|up|right|down|delete|backspace$/i .test(a.key) || b >= 33 && b <= 36 || b == 45 || a.meta || a.control)) if (Browser.ie6) { clearTimeout(this.checkStatesDelay); this.checkStatesDelay = this.checkStates.delay( 500, this) } else this.checkStates(); this.fireEvent("editorKeyUp", [ a, this ]) } }, editorKeyDown : function(a) { if (this.editorDisabled) a.stop(); else { if (a.key == "enter") if (this.options.paragraphise) if (a.shift && (Browser.safari || Browser.chrome)) { var b = this.selection, d = b.getRange(), g = this.doc .createElement("br"); d.insertNode(g); d.setStartAfter(g); d.setEndAfter(g); b.setRange(d); if (b.getSelection().focusNode == g.previousSibling) { d = this.doc.createTextNode("\u00a0"); var k = g.parentNode; (g = g.nextSibling) ? k.insertBefore(d, g) : k.appendChild(d); b.selectNode(d); b.collapse(1) } this.win.scrollTo(0, Element.getOffsets(b .getRange().startContainer).y); a.preventDefault() } else { if (Browser.firefox || Browser.safari || Browser.chrome) { b = this.selection.getNode(); Element.getParents(b).include(b).some( function(j) { return j.nodeName.test(c) }) || this .execute("insertparagraph") } } else if (Browser.ie) { d = this.selection.getRange(); b = this.selection.getNode(); if (d && b.get("tag") != "li") { this.selection.insertContent("
"); this.selection.collapse(false) } a.preventDefault() } if (Browser.opera) if ((b = a.control || a.meta) && a.key == "x") this.fireEvent("editorCut", [ a, this ]); else if (b && a.key == "c") this.fireEvent("editorCopy", [ a, this ]); else if (b && a.key == "v" || a.shift && a.code == 45) this.fireEvent("editorPaste", [ a, this ]); this.fireEvent("editorKeyDown", [ a, this ]) } }, editorCut : function(a) { this.editorDisabled ? a.stop() : this.fireEvent( "editorCut", [ a, this ]) }, editorCopy : function(a) { this.editorDisabled ? a.stop() : this.fireEvent( "editorCopy", [ a, this ]) }, editorPaste : function(a) { this.editorDisabled ? a.stop() : this.fireEvent( "editorPaste", [ a, this ]) }, keyListener : function(a) { if ((Browser.Platform.mac ? a.meta : a.control) && this.keys[a.key]) { a.preventDefault(); this.toolbar.getItem(this.keys[a.key]).action(a) } }, focus : function() { (this.mode == "iframe" ? this.win : this.textarea).focus(); this.fireEvent("focus", this); return this }, action : function(a, b) { var d = MooEditable.Actions[a]; if (d.command && typeOf(d.command) == "function") d.command.apply(this, b); else { this.focus(); this.execute(a, false, b); this.mode == "iframe" && this.checkStates() } }, execute : function(a, b, d) { if (!this.busy) { this.busy = true; this.doc.execCommand(a, b, d); this.saveContent(); return this.busy = false } }, toggleView : function() { this.fireEvent("beforeToggleView", this); if (this.mode == "textarea") { this.mode = "iframe"; this.iframe.setStyle("display", ""); this.setContent(this.textarea.value); this.textarea.setStyle("display", "none") } else { this.saveContent(); this.mode = "textarea"; this.textarea.setStyle("display", ""); this.iframe.setStyle("display", "none") } this.fireEvent("toggleView", this); this.focus.delay(10, this); return this }, getContent : function() { var a = this.protectedElements; return this.cleanup(this.ensureRootElement(this.doc.body .get("html").replace( /