ok
Direktori : /proc/self/root/home2/selectio/www/billingsoftwarenew/assets/admin/js/ |
Current File : //proc/self/root/home2/selectio/www/billingsoftwarenew/assets/admin/js/nicEdit.js |
/* NicEdit - Micro Inline WYSIWYG * Copyright 2007-2008 Brian Kirchoff * * NicEdit is distributed under the terms of the MIT license * For more information visit http://nicedit.com/ * Do not remove this copyright message */ var bkExtend = function() { var A = arguments; if (A.length == 1) { A = [this, A[0]] } for (var B in A[1]) { A[0][B] = A[1][B] } return A[0] }; function bkClass() {} bkClass.prototype.construct = function() {}; bkClass.extend = function(C) { var A = function() { if (arguments[0] !== bkClass) { return this.construct.apply(this, arguments) } }; var B = new this(bkClass); bkExtend(B, C); A.prototype = B; A.extend = this.extend; return A }; var bkElement = bkClass.extend({ construct: function(B, A) { if (typeof(B) == "string") { B = (A || document).createElement(B) } B = $BK(B); return B }, appendTo: function(A) { A.appendChild(this); return this }, appendBefore: function(A) { A.parentNode.insertBefore(this, A); return this }, addEvent: function(B, A) { bkLib.addEvent(this, B, A); return this }, setContent: function(A) { this.innerHTML = A; return this }, pos: function() { var C = curtop = 0; var B = obj = this; if (obj.offsetParent) { do { C += obj.offsetLeft; curtop += obj.offsetTop } while (obj = obj.offsetParent) } var A = (!window.opera) ? parseInt(this.getStyle("border-width") || this.style.border) || 0 : 0; return [C + A, curtop + A + this.offsetHeight] }, noSelect: function() { bkLib.noSelect(this); return this }, parentTag: function(A) { var B = this; do { if (B && B.nodeName && B.nodeName.toUpperCase() == A) { return B } B = B.parentNode } while (B); return false }, hasClass: function(A) { return this.className.match(new RegExp("(\\s|^)nicEdit-" + A + "(\\s|$)")) }, addClass: function(A) { if (!this.hasClass(A)) { this.className += " nicEdit-" + A } return this }, removeClass: function(A) { if (this.hasClass(A)) { this.className = this.className.replace(new RegExp("(\\s|^)nicEdit-" + A + "(\\s|$)"), " ") } return this }, setStyle: function(A) { var B = this.style; for (var C in A) { switch (C) { case "float": B.cssFloat = B.styleFloat = A[C]; break; case "opacity": B.opacity = A[C]; B.filter = "alpha(opacity=" + Math.round(A[C] * 100) + ")"; break; case "className": this.className = A[C]; break; default: B[C] = A[C] } } return this }, getStyle: function(A, C) { var B = (!C) ? document.defaultView : C; if (this.nodeType == 1) { return (B && B.getComputedStyle) ? B.getComputedStyle(this, null).getPropertyValue(A) : this.currentStyle[bkLib.camelize(A)] } }, remove: function() { this.parentNode.removeChild(this); return this }, setAttributes: function(A) { for (var B in A) { this[B] = A[B] } return this } }); var bkLib = { isMSIE: (navigator.appVersion.indexOf("MSIE") != -1), addEvent: function(C, B, A) { (C.addEventListener) ? C.addEventListener(B, A, false): C.attachEvent("on" + B, A) }, toArray: function(C) { var B = C.length, A = new Array(B); while (B--) { A[B] = C[B] } return A }, noSelect: function(B) { if (B.setAttribute && B.nodeName.toLowerCase() != "input" && B.nodeName.toLowerCase() != "textarea") { B.setAttribute("unselectable", "on") } for (var A = 0; A < B.childNodes.length; A++) { bkLib.noSelect(B.childNodes[A]) } }, camelize: function(A) { return A.replace(/\-(.)/g, function(B, C) { return C.toUpperCase() }) }, inArray: function(A, B) { return (bkLib.search(A, B) != null) }, search: function(A, C) { for (var B = 0; B < A.length; B++) { if (A[B] == C) { return B } } return null }, cancelEvent: function(A) { A = A || window.event; if (A.preventDefault && A.stopPropagation) { A.preventDefault(); A.stopPropagation() } return false }, domLoad: [], domLoaded: function() { if (arguments.callee.done) { return } arguments.callee.done = true; for (i = 0; i < bkLib.domLoad.length; i++) { bkLib.domLoad[i]() } }, onDomLoaded: function(A) { this.domLoad.push(A); if (document.addEventListener) { document.addEventListener("DOMContentLoaded", bkLib.domLoaded, null) } else { if (bkLib.isMSIE) { document.write("<style>.nicEdit-main p { margin: 0; }</style><script id=__ie_onload defer " + ((location.protocol == "https:") ? "src='javascript:void(0)'" : "src=//0") + "><\/script>"); $BK("__ie_onload").onreadystatechange = function() { if (this.readyState == "complete") { bkLib.domLoaded() } } } } window.onload = bkLib.domLoaded } }; function $BK(A) { if (typeof(A) == "string") { A = document.getElementById(A) } return (A && !A.appendTo) ? bkExtend(A, bkElement.prototype) : A } var bkEvent = { addEvent: function(A, B) { if (B) { this.eventList = this.eventList || {}; this.eventList[A] = this.eventList[A] || []; this.eventList[A].push(B) } return this }, fireEvent: function() { var A = bkLib.toArray(arguments), C = A.shift(); if (this.eventList && this.eventList[C]) { for (var B = 0; B < this.eventList[C].length; B++) { this.eventList[C][B].apply(this, A) } } } }; function __(A) { return A } Function.prototype.closure = function() { var A = this, B = bkLib.toArray(arguments), C = B.shift(); return function() { if (typeof(bkLib) != "undefined") { return A.apply(C, B.concat(bkLib.toArray(arguments))) } } }; Function.prototype.closureListener = function() { var A = this, C = bkLib.toArray(arguments), B = C.shift(); return function(E) { E = E || window.event; if (E.target) { var D = E.target } else { var D = E.srcElement } return A.apply(B, [E, D].concat(C)) } }; var retrieveURL = function(filename) { var scripts = document.getElementsByTagName('script'); if (scripts && scripts.length > 0) { for (var i in scripts) { if (scripts[i].src && scripts[i].src.match(new RegExp(filename+'\\.js$'))) { return scripts[i].src.replace(new RegExp('(.*)'+filename+'\\.js$'), '$1'); } } } }; var iconUrl = retrieveURL('nicEdit')+'nicEditIcons-latest.gif'; var nicEditorConfig = bkClass.extend({ buttons: { 'bold': { name: __('Click to Bold'), command: 'Bold', tags: ['B', 'STRONG'], css: { 'font-weight': 'bold' }, key: 'b' }, 'italic': { name: __('Click to Italic'), command: 'Italic', tags: ['EM', 'I'], css: { 'font-style': 'italic' }, key: 'i' }, 'underline': { name: __('Click to Underline'), command: 'Underline', tags: ['U'], css: { 'text-decoration': 'underline' }, key: 'u' }, 'left': { name: __('Left Align'), command: 'justifyleft', noActive: true }, 'center': { name: __('Center Align'), command: 'justifycenter', noActive: true }, 'right': { name: __('Right Align'), command: 'justifyright', noActive: true }, 'justify': { name: __('Justify Align'), command: 'justifyfull', noActive: true }, 'ol': { name: __('Insert Ordered List'), command: 'insertorderedlist', tags: ['OL'] }, 'ul': { name: __('Insert Unordered List'), command: 'insertunorderedlist', tags: ['UL'] }, 'subscript': { name: __('Click to Subscript'), command: 'subscript', tags: ['SUB'] }, 'superscript': { name: __('Click to Superscript'), command: 'superscript', tags: ['SUP'] }, 'strikethrough': { name: __('Click to Strike Through'), command: 'strikeThrough', css: { 'text-decoration': 'line-through' } }, 'removeformat': { name: __('Remove Formatting'), command: 'removeformat', noActive: true }, 'indent': { name: __('Indent Text'), command: 'indent', noActive: true }, 'outdent': { name: __('Remove Indent'), command: 'outdent', noActive: true }, 'hr': { name: __('Horizontal Rule'), command: 'insertHorizontalRule', noActive: true } }, iconsPath: iconUrl, buttonList: ['save', 'bold', 'italic', 'underline', 'left', 'center', 'right', 'justify', 'ol', 'ul', 'fontSize', 'fontFamily', 'fontFormat', 'indent', 'outdent', 'image', 'upload', 'link', 'unlink', 'forecolor', 'bgcolor'], iconList: { "xhtml": 1, "bgcolor": 2, "forecolor": 3, "bold": 4, "center": 5, "hr": 6, "indent": 7, "italic": 8, "justify": 9, "left": 10, "ol": 11, "outdent": 12, "removeformat": 13, "right": 14, "save": 25, "strikethrough": 16, "subscript": 17, "superscript": 18, "ul": 19, "underline": 20, "image": 21, "link": 22, "unlink": 23, "close": 24, "arrow": 26, "upload": 27 } });; var nicEditors = { nicPlugins: [], editors: [], registerPlugin: function(B, A) { this.nicPlugins.push({ p: B, o: A }) }, allTextAreas: function(C) { var A = document.getElementsByTagName("textarea"); for (var B = 0; B < A.length; B++) { nicEditors.editors.push(new nicEditor(C).panelInstance(A[B])) } return nicEditors.editors }, findEditor: function(C) { var B = nicEditors.editors; for (var A = 0; A < B.length; A++) { if (B[A].instanceById(C)) { return B[A].instanceById(C) } } } }; var nicEditor = bkClass.extend({ construct: function(C) { this.options = new nicEditorConfig(); bkExtend(this.options, C); this.nicInstances = new Array(); this.loadedPlugins = new Array(); var A = nicEditors.nicPlugins; for (var B = 0; B < A.length; B++) { this.loadedPlugins.push(new A[B].p(this, A[B].o)) } nicEditors.editors.push(this); bkLib.addEvent(document.body, "mousedown", this.selectCheck.closureListener(this)) }, panelInstance: function(B, C) { B = this.checkReplace($BK(B)); var A = new bkElement("DIV").setStyle({ width: (parseInt(B.getStyle("width")) || B.clientWidth) + "px" }).appendBefore(B); this.setPanel(A); return this.addInstance(B, C) }, checkReplace: function(B) { var A = nicEditors.findEditor(B); if (A) { A.removeInstance(B); A.removePanel() } return B }, addInstance: function(B, C) { B = this.checkReplace($BK(B)); if (B.contentEditable || !!window.opera) { var A = new nicEditorInstance(B, C, this) } else { var A = new nicEditorIFrameInstance(B, C, this) } this.nicInstances.push(A); return this }, removeInstance: function(C) { C = $BK(C); var B = this.nicInstances; for (var A = 0; A < B.length; A++) { if (B[A].e == C) { B[A].remove(); this.nicInstances.splice(A, 1) } } }, removePanel: function(A) { if (this.nicPanel) { this.nicPanel.remove(); this.nicPanel = null } }, instanceById: function(C) { C = $BK(C); var B = this.nicInstances; for (var A = 0; A < B.length; A++) { if (B[A].e == C) { return B[A] } } }, setPanel: function(A) { this.nicPanel = new nicEditorPanel($BK(A), this.options, this); this.fireEvent("panel", this.nicPanel); return this }, nicCommand: function(B, A) { if (this.selectedInstance) { this.selectedInstance.nicCommand(B, A) } }, getIcon: function(D, A) { var C = this.options.iconList[D]; var B = (A.iconFiles) ? A.iconFiles[D] : ""; return { backgroundImage: "url('" + ((C) ? this.options.iconsPath : B) + "')", backgroundPosition: ((C) ? ((C - 1) * -18) : 0) + "px 0px" } }, selectCheck: function(C, A) { var B = false; do { if (A.className && A.className.indexOf("nicEdit") != -1) { return false } } while (A = A.parentNode); this.fireEvent("blur", this.selectedInstance, A); this.lastSelectedInstance = this.selectedInstance; this.selectedInstance = null; return false } }); nicEditor = nicEditor.extend(bkEvent); var nicEditorInstance = bkClass.extend({ isSelected: false, construct: function(G, D, C) { this.ne = C; this.elm = this.e = G; this.options = D || {}; newX = parseInt(G.getStyle("width")) || G.clientWidth; newY = parseInt(G.getStyle("height")) || G.clientHeight; this.initialHeight = newY - 8; var H = (G.nodeName.toLowerCase() == "textarea"); if (H || this.options.hasPanel) { var B = (bkLib.isMSIE && !((typeof document.body.style.maxHeight != "undefined") && document.compatMode == "CSS1Compat")); var E = { width: newX + "px", border: "1px solid #ccc", borderTop: 0, overflowY: "auto", overflowX: "hidden" }; E[(B) ? "height" : "maxHeight"] = (this.ne.options.maxHeight) ? this.ne.options.maxHeight + "px" : null; this.editorContain = new bkElement("DIV").setStyle(E).appendBefore(G); var A = new bkElement("DIV").setStyle({ width: (newX - 8) + "px", margin: "4px", minHeight: newY + "px" }).addClass("main").appendTo(this.editorContain); G.setStyle({ display: "none" }); A.innerHTML = G.innerHTML; if (H) { A.setContent(G.value); this.copyElm = G; var F = G.parentTag("FORM"); if (F) { bkLib.addEvent(F, "submit", this.saveContent.closure(this)) } } A.setStyle((B) ? { height: newY + "px" } : { overflow: "hidden" }); this.elm = A } this.ne.addEvent("blur", this.blur.closure(this)); this.init(); this.blur() }, init: function() { this.elm.setAttribute("contentEditable", "true"); if (this.getContent() == "") { this.setContent("<br />") } this.instanceDoc = document.defaultView; this.elm.addEvent("mousedown", this.selected.closureListener(this)).addEvent("keypress", this.keyDown.closureListener(this)).addEvent("focus", this.selected.closure(this)).addEvent("blur", this.blur.closure(this)).addEvent("keyup", this.selected.closure(this)); this.ne.fireEvent("add", this) }, remove: function() { this.saveContent(); if (this.copyElm || this.options.hasPanel) { this.editorContain.remove(); this.e.setStyle({ display: "block" }); this.ne.removePanel() } this.disable(); this.ne.fireEvent("remove", this) }, disable: function() { this.elm.setAttribute("contentEditable", "false") }, getSel: function() { return (window.getSelection) ? window.getSelection() : document.selection }, getRng: function() { var A = this.getSel(); if (!A || A.rangeCount === 0) { return } return (A.rangeCount > 0) ? A.getRangeAt(0) : A.createRange() }, selRng: function(A, B) { if (window.getSelection) { B.removeAllRanges(); B.addRange(A) } else { A.select() } }, selElm: function() { var C = this.getRng(); if (!C) { return } if (C.startContainer) { var D = C.startContainer; if (C.cloneContents().childNodes.length == 1) { for (var B = 0; B < D.childNodes.length; B++) { var A = D.childNodes[B].ownerDocument.createRange(); A.selectNode(D.childNodes[B]); if (C.compareBoundaryPoints(Range.START_TO_START, A) != 1 && C.compareBoundaryPoints(Range.END_TO_END, A) != -1) { return $BK(D.childNodes[B]) } } } return $BK(D) } else { return $BK((this.getSel().type == "Control") ? C.item(0) : C.parentElement()) } }, saveRng: function() { this.savedRange = this.getRng(); this.savedSel = this.getSel() }, restoreRng: function() { if (this.savedRange) { this.selRng(this.savedRange, this.savedSel) } }, keyDown: function(B, A) { if (B.ctrlKey) { this.ne.fireEvent("key", this, B) } }, selected: function(C, A) { if (!A && !(A = this.selElm)) { A = this.selElm() } if (!C.ctrlKey) { var B = this.ne.selectedInstance; if (B != this) { if (B) { this.ne.fireEvent("blur", B, A) } this.ne.selectedInstance = this; this.ne.fireEvent("focus", B, A) } this.ne.fireEvent("selected", B, A); this.isFocused = true; this.elm.addClass("selected") } return false }, blur: function() { this.isFocused = false; this.elm.removeClass("selected") }, saveContent: function() { if (this.copyElm || this.options.hasPanel) { this.ne.fireEvent("save", this); (this.copyElm) ? this.copyElm.value = this.getContent(): this.e.innerHTML = this.getContent() } }, getElm: function() { return this.elm }, getContent: function() { this.content = this.getElm().innerHTML; this.ne.fireEvent("get", this); return this.content }, setContent: function(A) { this.content = A; this.ne.fireEvent("set", this); this.elm.innerHTML = this.content }, nicCommand: function(B, A) { document.execCommand(B, false, A) } }); var nicEditorIFrameInstance = nicEditorInstance.extend({ savedStyles: [], init: function() { var B = this.elm.innerHTML.replace(/^\s+|\s+$/g, ""); this.elm.innerHTML = ""; (!B) ? B = "<br />": B; this.initialContent = B; this.elmFrame = new bkElement("iframe").setAttributes({ src: "javascript:;", frameBorder: 0, allowTransparency: "true", scrolling: "no" }).setStyle({ height: "100px", width: "100%" }).addClass("frame").appendTo(this.elm); if (this.copyElm) { this.elmFrame.setStyle({ width: (this.elm.offsetWidth - 4) + "px" }) } var A = ["font-size", "font-family", "font-weight", "color"]; for (itm in A) { this.savedStyles[bkLib.camelize(itm)] = this.elm.getStyle(itm) } setTimeout(this.initFrame.closure(this), 50) }, disable: function() { this.elm.innerHTML = this.getContent() }, initFrame: function() { var B = $BK(this.elmFrame.contentWindow.document); B.designMode = "on"; B.open(); var A = this.ne.options.externalCSS; B.write("<html><head>" + ((A) ? '<link href="' + A + '" rel="stylesheet" type="text/css" />' : "") + '</head><body id="nicEditContent" style="margin: 0 !important; background-color: transparent !important;">' + this.initialContent + "</body></html>"); B.close(); this.frameDoc = B; this.frameWin = $BK(this.elmFrame.contentWindow); this.frameContent = $BK(this.frameWin.document.body).setStyle(this.savedStyles); this.instanceDoc = this.frameWin.document.defaultView; this.heightUpdate(); this.frameDoc.addEvent("mousedown", this.selected.closureListener(this)).addEvent("keyup", this.heightUpdate.closureListener(this)).addEvent("keydown", this.keyDown.closureListener(this)).addEvent("keyup", this.selected.closure(this)); this.ne.fireEvent("add", this) }, getElm: function() { return this.frameContent }, setContent: function(A) { this.content = A; this.ne.fireEvent("set", this); this.frameContent.innerHTML = this.content; this.heightUpdate() }, getSel: function() { return (this.frameWin) ? this.frameWin.getSelection() : this.frameDoc.selection }, heightUpdate: function() { this.elmFrame.style.height = Math.max(this.frameContent.offsetHeight, this.initialHeight) + "px" }, nicCommand: function(B, A) { this.frameDoc.execCommand(B, false, A); setTimeout(this.heightUpdate.closure(this), 100) } }); var nicEditorPanel = bkClass.extend({ construct: function(E, B, A) { this.elm = E; this.options = B; this.ne = A; this.panelButtons = new Array(); this.buttonList = bkExtend([], this.ne.options.buttonList); this.panelContain = new bkElement("DIV").setStyle({ overflow: "hidden", width: "100%", border: "1px solid #cccccc", backgroundColor: "#efefef" }).addClass("panelContain"); this.panelElm = new bkElement("DIV").setStyle({ margin: "2px", marginTop: "0px", zoom: 1, overflow: "hidden" }).addClass("panel").appendTo(this.panelContain); this.panelContain.appendTo(E); var C = this.ne.options; var D = C.buttons; for (button in D) { this.addButton(button, C, true) } this.reorder(); E.noSelect() }, addButton: function(buttonName, options, noOrder) { var button = options.buttons[buttonName]; var type = (button.type) ? eval("(typeof(" + button.type + ') == "undefined") ? null : ' + button.type + ";") : nicEditorButton; var hasButton = bkLib.inArray(this.buttonList, buttonName); if (type && (hasButton || this.ne.options.fullPanel)) { this.panelButtons.push(new type(this.panelElm, buttonName, options, this.ne)); if (!hasButton) { this.buttonList.push(buttonName) } } }, findButton: function(B) { for (var A = 0; A < this.panelButtons.length; A++) { if (this.panelButtons[A].name == B) { return this.panelButtons[A] } } }, reorder: function() { var C = this.buttonList; for (var B = 0; B < C.length; B++) { var A = this.findButton(C[B]); if (A) { this.panelElm.appendChild(A.margin) } } }, remove: function() { this.elm.remove() } }); var nicEditorButton = bkClass.extend({ construct: function(D, A, C, B) { this.options = C.buttons[A]; this.name = A; this.ne = B; this.elm = D; this.margin = new bkElement("DIV").setStyle({ "float": "left", marginTop: "2px" }).appendTo(D); this.contain = new bkElement("DIV").setStyle({ width: "20px", height: "20px" }).addClass("buttonContain").appendTo(this.margin); this.border = new bkElement("DIV").setStyle({ backgroundColor: "#efefef", border: "1px solid #efefef" }).appendTo(this.contain); this.button = new bkElement("DIV").setStyle({ width: "18px", height: "18px", overflow: "hidden", zoom: 1, cursor: "pointer" }).addClass("button").setStyle(this.ne.getIcon(A, C)).appendTo(this.border); this.button.addEvent("mouseover", this.hoverOn.closure(this)).addEvent("mouseout", this.hoverOff.closure(this)).addEvent("mousedown", this.mouseClick.closure(this)).noSelect(); if (!window.opera) { this.button.onmousedown = this.button.onclick = bkLib.cancelEvent } B.addEvent("selected", this.enable.closure(this)).addEvent("blur", this.disable.closure(this)).addEvent("key", this.key.closure(this)); this.disable(); this.init() }, init: function() {}, hide: function() { this.contain.setStyle({ display: "none" }) }, updateState: function() { if (this.isDisabled) { this.setBg() } else { if (this.isHover) { this.setBg("hover") } else { if (this.isActive) { this.setBg("active") } else { this.setBg() } } } }, setBg: function(A) { switch (A) { case "hover": var B = { border: "1px solid #666", backgroundColor: "#ddd" }; break; case "active": var B = { border: "1px solid #666", backgroundColor: "#ccc" }; break; default: var B = { border: "1px solid #efefef", backgroundColor: "#efefef" } } this.border.setStyle(B).addClass("button-" + A) }, checkNodes: function(A) { var B = A; do { if (this.options.tags && bkLib.inArray(this.options.tags, B.nodeName)) { this.activate(); return true } } while (B = B.parentNode && B.className != "nicEdit"); B = $BK(A); while (B.nodeType == 3) { B = $BK(B.parentNode) } if (this.options.css) { for (itm in this.options.css) { if (B.getStyle(itm, this.ne.selectedInstance.instanceDoc) == this.options.css[itm]) { this.activate(); return true } } } this.deactivate(); return false }, activate: function() { if (!this.isDisabled) { this.isActive = true; this.updateState(); this.ne.fireEvent("buttonActivate", this) } }, deactivate: function() { this.isActive = false; this.updateState(); if (!this.isDisabled) { this.ne.fireEvent("buttonDeactivate", this) } }, enable: function(A, B) { this.isDisabled = false; this.contain.setStyle({ opacity: 1 }).addClass("buttonEnabled"); this.updateState(); this.checkNodes(B) }, disable: function(A, B) { this.isDisabled = true; this.contain.setStyle({ opacity: 0.6 }).removeClass("buttonEnabled"); this.updateState() }, toggleActive: function() { (this.isActive) ? this.deactivate(): this.activate() }, hoverOn: function() { if (!this.isDisabled) { this.isHover = true; this.updateState(); this.ne.fireEvent("buttonOver", this) } }, hoverOff: function() { this.isHover = false; this.updateState(); this.ne.fireEvent("buttonOut", this) }, mouseClick: function() { if (this.options.command) { this.ne.nicCommand(this.options.command, this.options.commandArgs); if (!this.options.noActive) { this.toggleActive() } } this.ne.fireEvent("buttonClick", this) }, key: function(A, B) { if (this.options.key && B.ctrlKey && String.fromCharCode(B.keyCode || B.charCode).toLowerCase() == this.options.key) { this.mouseClick(); if (B.preventDefault) { B.preventDefault() } } } }); var nicPlugin = bkClass.extend({ construct: function(B, A) { this.options = A; this.ne = B; this.ne.addEvent("panel", this.loadPanel.closure(this)); this.init() }, loadPanel: function(C) { var B = this.options.buttons; for (var A in B) { C.addButton(A, this.options) } C.reorder() }, init: function() {} }); var nicPaneOptions = {}; var nicEditorPane = bkClass.extend({ construct: function(D, C, B, A) { this.ne = C; this.elm = D; this.pos = D.pos(); this.contain = new bkElement("div").setStyle({ zIndex: "99999", overflow: "hidden", position: "absolute", left: this.pos[0] + "px", top: this.pos[1] + "px" }); this.pane = new bkElement("div").setStyle({ fontSize: "12px", border: "1px solid #ccc", overflow: "hidden", padding: "4px", textAlign: "left", backgroundColor: "#ffffc9" }).addClass("pane").setStyle(B).appendTo(this.contain); if (A && !A.options.noClose) { this.close = new bkElement("div").setStyle({ "float": "right", height: "16px", width: "16px", cursor: "pointer" }).setStyle(this.ne.getIcon("close", nicPaneOptions)).addEvent("mousedown", A.removePane.closure(this)).appendTo(this.pane) } this.contain.noSelect().appendTo(document.body); this.position(); this.init() }, init: function() {}, position: function() { if (this.ne.nicPanel) { var B = this.ne.nicPanel.elm; var A = B.pos(); var C = A[0] + parseInt(B.getStyle("width")) - (parseInt(this.pane.getStyle("width")) + 8); if (C < this.pos[0]) { this.contain.setStyle({ left: C + "px" }) } } }, toggle: function() { this.isVisible = !this.isVisible; this.contain.setStyle({ display: ((this.isVisible) ? "block" : "none") }) }, remove: function() { if (this.contain) { this.contain.remove(); this.contain = null } }, append: function(A) { A.appendTo(this.pane) }, setContent: function(A) { this.pane.setContent(A) } }); var nicSelectOptions = { buttons: { 'fontSize': { name: __('Select Font Size'), type: 'nicEditorFontSizeSelect', command: 'fontsize' }, 'fontFamily': { name: __('Select Font Family'), type: 'nicEditorFontFamilySelect', command: 'fontname' }, 'fontFormat': { name: __('Select Font Format'), type: 'nicEditorFontFormatSelect', command: 'formatBlock' } } }; var nicEditorSelect = bkClass.extend({ construct: function(D, A, C, B) { this.options = C.buttons[A]; this.elm = D; this.ne = B; this.name = A; this.selOptions = new Array(); this.margin = new bkElement("div").setStyle({ "float": "left", margin: "2px 1px 0 1px" }).appendTo(this.elm); this.contain = new bkElement("div").setStyle({ width: "90px", height: "20px", cursor: "pointer", overflow: "hidden" }).addClass("selectContain").addEvent("click", this.toggle.closure(this)).appendTo(this.margin); this.items = new bkElement("div").setStyle({ overflow: "hidden", zoom: 1, border: "1px solid #ccc", paddingLeft: "3px", backgroundColor: "#fff" }).appendTo(this.contain); this.control = new bkElement("div").setStyle({ overflow: "hidden", "float": "right", height: "18px", width: "16px" }).addClass("selectControl").setStyle(this.ne.getIcon("arrow", C)).appendTo(this.items); this.txt = new bkElement("div").setStyle({ overflow: "hidden", "float": "left", width: "66px", height: "14px", marginTop: "1px", fontFamily: "sans-serif", textAlign: "center", fontSize: "12px" }).addClass("selectTxt").appendTo(this.items); if (!window.opera) { this.contain.onmousedown = this.control.onmousedown = this.txt.onmousedown = bkLib.cancelEvent } this.margin.noSelect(); this.ne.addEvent("selected", this.enable.closure(this)).addEvent("blur", this.disable.closure(this)); this.disable(); this.init() }, disable: function() { this.isDisabled = true; this.close(); this.contain.setStyle({ opacity: 0.6 }) }, enable: function(A) { this.isDisabled = false; this.close(); this.contain.setStyle({ opacity: 1 }) }, setDisplay: function(A) { this.txt.setContent(A) }, toggle: function() { if (!this.isDisabled) { (this.pane) ? this.close(): this.open() } }, open: function() { this.pane = new nicEditorPane(this.items, this.ne, { width: "88px", padding: "0px", borderTop: 0, borderLeft: "1px solid #ccc", borderRight: "1px solid #ccc", borderBottom: "0px", backgroundColor: "#fff" }); for (var C = 0; C < this.selOptions.length; C++) { var B = this.selOptions[C]; var A = new bkElement("div").setStyle({ overflow: "hidden", borderBottom: "1px solid #ccc", width: "88px", textAlign: "left", overflow: "hidden", cursor: "pointer" }); var D = new bkElement("div").setStyle({ padding: "0px 4px" }).setContent(B[1]).appendTo(A).noSelect(); D.addEvent("click", this.update.closure(this, B[0])).addEvent("mouseover", this.over.closure(this, D)).addEvent("mouseout", this.out.closure(this, D)).setAttributes("id", B[0]); this.pane.append(A); if (!window.opera) { D.onmousedown = bkLib.cancelEvent } } }, close: function() { if (this.pane) { this.pane = this.pane.remove() } }, over: function(A) { A.setStyle({ backgroundColor: "#ccc" }) }, out: function(A) { A.setStyle({ backgroundColor: "#fff" }) }, add: function(B, A) { this.selOptions.push(new Array(B, A)) }, update: function(A) { this.ne.nicCommand(this.options.command, A); this.close() } }); var nicEditorFontSizeSelect = nicEditorSelect.extend({ sel: { 1: "1 (8pt)", 2: "2 (10pt)", 3: "3 (12pt)", 4: "4 (14pt)", 5: "5 (18pt)", 6: "6 (24pt)" }, init: function() { this.setDisplay("Font Size..."); for (itm in this.sel) { this.add(itm, '<font size="' + itm + '">' + this.sel[itm] + "</font>") } } }); var nicEditorFontFamilySelect = nicEditorSelect.extend({ sel: { arial: "Arial", "comic sans ms": "Comic Sans", "courier new": "Courier New", georgia: "Georgia", helvetica: "Helvetica", impact: "Impact", "times new roman": "Times", "trebuchet ms": "Trebuchet", verdana: "Verdana" }, init: function() { this.setDisplay("Font Family..."); for (itm in this.sel) { this.add(itm, '<font face="' + itm + '">' + this.sel[itm] + "</font>") } } }); var nicEditorFontFormatSelect = nicEditorSelect.extend({ sel: { p: "Paragraph", pre: "Pre", h6: "Heading 6", h5: "Heading 5", h4: "Heading 4", h3: "Heading 3", h2: "Heading 2", h1: "Heading 1" }, init: function() { this.setDisplay("Font Format..."); for (itm in this.sel) { var A = itm.toUpperCase(); this.add("<" + A + ">", "<" + itm + ' style="padding: 0px; margin: 0px;">' + this.sel[itm] + "</" + A + ">") } } }); nicEditors.registerPlugin(nicPlugin, nicSelectOptions); var nicButtonTips = bkClass.extend({ construct: function(A) { this.ne = A; A.addEvent("buttonOver", this.show.closure(this)).addEvent("buttonOut", this.hide.closure(this)) }, show: function(A) { this.timer = setTimeout(this.create.closure(this, A), 400) }, create: function(A) { this.timer = null; if (!this.pane) { this.pane = new nicEditorPane(A.button, this.ne, { fontSize: "12px", marginTop: "5px" }); this.pane.setContent(A.options.name) } }, hide: function(A) { if (this.timer) { clearTimeout(this.timer) } if (this.pane) { this.pane = this.pane.remove() } } }); nicEditors.registerPlugin(nicButtonTips); var nicEditorAdvancedButton = nicEditorButton.extend({ init: function() { this.ne.addEvent("selected", this.removePane.closure(this)).addEvent("blur", this.removePane.closure(this)) }, mouseClick: function() { if (!this.isDisabled) { if (this.pane && this.pane.pane) { this.removePane() } else { this.pane = new nicEditorPane(this.contain, this.ne, { width: (this.width || "270px"), backgroundColor: "#fff" }, this); this.addPane(); this.ne.selectedInstance.saveRng() } } }, addForm: function(C, G) { this.form = new bkElement("form").addEvent("submit", this.submit.closureListener(this)); this.pane.append(this.form); this.inputs = {}; for (itm in C) { var D = C[itm]; var F = ""; if (G) { F = G.getAttribute(itm) } if (!F) { F = D.value || "" } var A = C[itm].type; if (A == "title") { new bkElement("div").setContent(D.txt).setStyle({ fontSize: "14px", fontWeight: "bold", padding: "0px", margin: "2px 0" }).appendTo(this.form) } else { var B = new bkElement("div").setStyle({ overflow: "hidden", clear: "both" }).appendTo(this.form); if (D.txt) { new bkElement("label").setAttributes({ "for": itm }).setContent(D.txt).setStyle({ margin: "2px 4px", fontSize: "13px", width: "50px", lineHeight: "20px", textAlign: "right", "float": "left" }).appendTo(B) } switch (A) { case "text": this.inputs[itm] = new bkElement("input").setAttributes({ id: itm, value: F, type: "text" }).setStyle({ margin: "2px 0", fontSize: "13px", "float": "left", height: "20px", border: "1px solid #ccc", overflow: "hidden" }).setStyle(D.style).appendTo(B); break; case "select": this.inputs[itm] = new bkElement("select").setAttributes({ id: itm }).setStyle({ border: "1px solid #ccc", "float": "left", margin: "2px 0" }).appendTo(B); for (opt in D.options) { var E = new bkElement("option").setAttributes({ value: opt, selected: (opt == F) ? "selected" : "" }).setContent(D.options[opt]).appendTo(this.inputs[itm]) } break; case "content": this.inputs[itm] = new bkElement("textarea").setAttributes({ id: itm }).setStyle({ border: "1px solid #ccc", "float": "left" }).setStyle(D.style).appendTo(B); this.inputs[itm].value = F } } } new bkElement("input").setAttributes({ type: "submit" }).setStyle({ backgroundColor: "#efefef", border: "1px solid #ccc", margin: "3px 0", "float": "left", clear: "both" }).appendTo(this.form); this.form.onsubmit = bkLib.cancelEvent }, submit: function() {}, findElm: function(B, A, E) { var D = this.ne.selectedInstance.getElm().getElementsByTagName(B); for (var C = 0; C < D.length; C++) { if (D[C].getAttribute(A) == E) { return $BK(D[C]) } } }, removePane: function() { if (this.pane) { this.pane.remove(); this.pane = null; this.ne.selectedInstance.restoreRng() } } }); var nicLinkOptions = { buttons: { 'link': { name: 'Add Link', type: 'nicLinkButton', tags: ['A'] }, 'unlink': { name: 'Remove Link', command: 'unlink', noActive: true } } }; var nicLinkButton = nicEditorAdvancedButton.extend({ addPane: function() { this.ln = this.ne.selectedInstance.selElm().parentTag("A"); this.addForm({ "": { type: "title", txt: "Add/Edit Link" }, href: { type: "text", txt: "URL", value: "http://", style: { width: "150px" } }, title: { type: "text", txt: "Title" }, target: { type: "select", txt: "Open In", options: { "": "Current Window", _blank: "New Window" }, style: { width: "100px" } } }, this.ln) }, submit: function(C) { var A = this.inputs.href.value; if (A == "http://" || A == "") { alert("You must enter a URL to Create a Link"); return false } this.removePane(); if (!this.ln) { var B = "javascript:nicTemp();"; this.ne.nicCommand("createlink", B); this.ln = this.findElm("A", "href", B) } if (this.ln) { this.ln.setAttributes({ href: this.inputs.href.value, title: this.inputs.title.value, target: this.inputs.target.options[this.inputs.target.selectedIndex].value }) } } }); nicEditors.registerPlugin(nicPlugin, nicLinkOptions); var nicColorOptions = { buttons: { 'forecolor': { name: __('Change Text Color'), type: 'nicEditorColorButton', noClose: true }, 'bgcolor': { name: __('Change Background Color'), type: 'nicEditorBgColorButton', noClose: true } } }; var nicEditorColorButton = nicEditorAdvancedButton.extend({ addPane: function() { var D = { 0: "00", 1: "33", 2: "66", 3: "99", 4: "CC", 5: "FF" }; var H = new bkElement("DIV").setStyle({ width: "270px" }); for (var A in D) { for (var F in D) { for (var E in D) { var I = "#" + D[A] + D[E] + D[F]; var C = new bkElement("DIV").setStyle({ cursor: "pointer", height: "15px", "float": "left" }).appendTo(H); var G = new bkElement("DIV").setStyle({ border: "2px solid " + I }).appendTo(C); var B = new bkElement("DIV").setStyle({ backgroundColor: I, overflow: "hidden", width: "11px", height: "11px" }).addEvent("click", this.colorSelect.closure(this, I)).addEvent("mouseover", this.on.closure(this, G)).addEvent("mouseout", this.off.closure(this, G, I)).appendTo(G); if (!window.opera) { C.onmousedown = B.onmousedown = bkLib.cancelEvent } } } } this.pane.append(H.noSelect()) }, colorSelect: function(A) { this.ne.nicCommand("foreColor", A); this.removePane() }, on: function(A) { A.setStyle({ border: "2px solid #000" }) }, off: function(A, B) { A.setStyle({ border: "2px solid " + B }) } }); var nicEditorBgColorButton = nicEditorColorButton.extend({ colorSelect: function(A) { this.ne.nicCommand("hiliteColor", A); this.removePane() } }); nicEditors.registerPlugin(nicPlugin, nicColorOptions); var nicImageOptions = { buttons: { 'image': { name: 'Add Image', type: 'nicImageButton', tags: ['IMG'] } } }; var nicImageButton = nicEditorAdvancedButton.extend({ addPane: function() { this.im = this.ne.selectedInstance.selElm().parentTag("IMG"); this.addForm({ "": { type: "title", txt: "Add/Edit Image" }, src: { type: "text", txt: "URL", value: "http://", style: { width: "150px" } }, alt: { type: "text", txt: "Alt Text", style: { width: "100px" } }, align: { type: "select", txt: "Align", options: { none: "Default", left: "Left", right: "Right" } } }, this.im) }, submit: function(B) { var C = this.inputs.src.value; if (C == "" || C == "http://") { alert("You must enter a Image URL to insert"); return false } this.removePane(); if (!this.im) { var A = "javascript:nicImTemp();"; this.ne.nicCommand("insertImage", A); this.im = this.findElm("IMG", "src", A) } if (this.im) { this.im.setAttributes({ src: this.inputs.src.value, alt: this.inputs.alt.value, align: this.inputs.align.value }) } } }); nicEditors.registerPlugin(nicPlugin, nicImageOptions); var nicSaveOptions = { buttons: { 'save': { name: __('Save this content'), type: 'nicEditorSaveButton' } } }; var nicEditorSaveButton = nicEditorButton.extend({ init: function() { if (!this.ne.options.onSave) { this.margin.setStyle({ display: "none" }) } }, mouseClick: function() { var B = this.ne.options.onSave; var A = this.ne.selectedInstance; B(A.getContent(), A.elm.id, A) } }); nicEditors.registerPlugin(nicPlugin, nicSaveOptions); var nicXHTML = bkClass.extend({ stripAttributes: ["_moz_dirty", "_moz_resizing", "_extended"], noShort: ["style", "title", "script", "textarea", "a"], cssReplace: { "font-weight:bold;": "strong", "font-style:italic;": "em" }, sizes: { 1: "xx-small", 2: "x-small", 3: "small", 4: "medium", 5: "large", 6: "x-large" }, construct: function(A) { this.ne = A; if (this.ne.options.xhtml) { A.addEvent("get", this.cleanup.closure(this)) } }, cleanup: function(A) { var B = A.getElm(); var C = this.toXHTML(B); A.content = C }, toXHTML: function(C, A, L) { var G = ""; var O = ""; var P = ""; var I = C.nodeType; var Q = C.nodeName.toLowerCase(); var N = C.hasChildNodes && C.hasChildNodes(); var B = new Array(); switch (I) { case 1: var H = C.attributes; switch (Q) { case "b": Q = "strong"; break; case "i": Q = "em"; break; case "font": Q = "span"; break } if (A) { for (var F = 0; F < H.length; F++) { var K = H[F]; var M = K.nodeName.toLowerCase(); var D = K.nodeValue; if (!K.specified || !D || bkLib.inArray(this.stripAttributes, M) || typeof(D) == "function") { continue } switch (M) { case "style": var J = D.replace(/ /g, ""); for (itm in this.cssReplace) { if (J.indexOf(itm) != -1) { B.push(this.cssReplace[itm]); J = J.replace(itm, "") } } P += J; D = ""; break; case "class": D = D.replace("Apple-style-span", ""); break; case "size": P += "font-size:" + this.sizes[D] + ";"; D = ""; break } if (D) { O += " " + M + '="' + D + '"' } } if (P) { O += ' style="' + P + '"' } for (var F = 0; F < B.length; F++) { G += "<" + B[F] + ">" } if (O == "" && Q == "span") { A = false } if (A) { G += "<" + Q; if (Q != "br") { G += O } } } if (!N && !bkLib.inArray(this.noShort, M)) { if (A) { G += " />" } } else { if (A) { G += ">" } for (var F = 0; F < C.childNodes.length; F++) { var E = this.toXHTML(C.childNodes[F], true, true); if (E) { G += E } } } if (A && N) { G += "</" + Q + ">" } for (var F = 0; F < B.length; F++) { G += "</" + B[F] + ">" } break; case 3: G += C.nodeValue; break } return G } }); nicEditors.registerPlugin(nicXHTML); var nicCodeOptions = { buttons: { 'xhtml': { name: 'Edit HTML', type: 'nicCodeButton' } } }; var nicCodeButton = nicEditorAdvancedButton.extend({ width: "350px", addPane: function() { this.addForm({ "": { type: "title", txt: "Edit HTML" }, code: { type: "content", value: this.ne.selectedInstance.getContent(), style: { width: "340px", height: "200px" } } }) }, submit: function(B) { var A = this.inputs.code.value; this.ne.selectedInstance.setContent(A); this.removePane() } }); nicEditors.registerPlugin(nicPlugin, nicCodeOptions); var nicBBCode = bkClass.extend({ construct: function(A) { this.ne = A; if (this.ne.options.bbCode) { A.addEvent("get", this.bbGet.closure(this)); A.addEvent("set", this.bbSet.closure(this)); var B = this.ne.loadedPlugins; for (itm in B) { if (B[itm].toXHTML) { this.xhtml = B[itm] } } } }, bbGet: function(A) { var B = this.xhtml.toXHTML(A.getElm()); A.content = this.toBBCode(B) }, bbSet: function(A) { A.content = this.fromBBCode(A.content) }, toBBCode: function(B) { function A(D, C) { B = B.replace(D, C) } A(/\n/gi, ""); A(/<strong>(.*?)<\/strong>/gi, "[b]$1[/b]"); A(/<em>(.*?)<\/em>/gi, "[i]$1[/i]"); A(/<span.*?style="text-decoration:underline;">(.*?)<\/span>/gi, "[u]$1[/u]"); A(/<ul>(.*?)<\/ul>/gi, "[list]$1[/list]"); A(/<li>(.*?)<\/li>/gi, "[*]$1[]"); A(/<ol>(.*?)<\/ol>/gi, "[list=1]$1[/list]"); A(/<img.*?src="(.*?)".*?>/gi, "[img]$1[/img]"); A(/<a.*?href="(.*?)".*?>(.*?)<\/a>/gi, "[url=$1]$2[/url]"); A(/<br.*?>/gi, "\n"); A(/<.*?>.*?<\/.*?>/gi, ""); return B }, fromBBCode: function(A) { function B(D, C) { A = A.replace(D, C) } B(/\[b\](.*?)\[\/b\]/gi, "<strong>$1</strong>"); B(/\[i\](.*?)\[\/i\]/gi, "<em>$1</em>"); B(/\[u\](.*?)\[\/u\]/gi, '<span style="text-decoration:underline;">$1</span>'); B(/\[list\](.*?)\[\/list\]/gi, "<ul>$1</ul>"); B(/\[list=1\](.*?)\[\/list\]/gi, "<ol>$1</ol>"); B(/\[\*\](.*?)\[\/\*\]/gi, "<li>$1</li>"); B(/\[img\](.*?)\[\/img\]/gi, '<img src="$1" />'); B(/\[url=(.*?)\](.*?)\[\/url\]/gi, '<a href="$1">$2</a>'); B(/\n/gi, "<br />"); return A } }); nicEditors.registerPlugin(nicBBCode); var nicUploadOptions = { buttons: { 'upload': { name: 'Upload Image', type: 'nicUploadButton' } } }; var nicUploadButton = nicEditorAdvancedButton.extend({ nicURI: "https://api.imgur.com/3/image", errorText: "Failed to upload image", addPane: function() { if (typeof window.FormData === "undefined") { return this.onError("Image uploads are not supported in this browser, use Chrome, Firefox, or Safari instead.") } this.im = this.ne.selectedInstance.selElm().parentTag("IMG"); var A = new bkElement("div").setStyle({ padding: "10px" }).appendTo(this.pane.pane); new bkElement("div").setStyle({ fontSize: "14px", fontWeight: "bold", paddingBottom: "5px" }).setContent("Insert an Image").appendTo(A); this.fileInput = new bkElement("input").setAttributes({ type: "file" }).appendTo(A); this.progress = new bkElement("progress").setStyle({ width: "100%", display: "none" }).setAttributes("max", 100).appendTo(A); this.fileInput.onchange = this.uploadFile.closure(this) }, onError: function(A) { this.removePane(); alert(A || "Failed to upload image") }, uploadFile: function() { var B = this.fileInput.files[0]; if (!B || !B.type.match(/image.*/)) { this.onError("Only image files can be uploaded"); return } this.fileInput.setStyle({ display: "none" }); this.setProgress(0); var A = new FormData(); A.append("image", B); var C = new XMLHttpRequest(); C.open("POST", this.ne.options.uploadURI || this.nicURI); C.onload = function() { try { var D = JSON.parse(C.responseText).data } catch (E) { return this.onError() } if (D.error) { return this.onError(D.error) } this.onUploaded(D) }.closure(this); C.onerror = this.onError.closure(this); C.upload.onprogress = function(D) { this.setProgress(D.loaded / D.total) }.closure(this); C.setRequestHeader("Authorization", "Client-ID c37fc05199a05b7"); C.send(A) }, setProgress: function(A) { this.progress.setStyle({ display: "block" }); if (A < 0.98) { this.progress.value = A } else { this.progress.removeAttribute("value") } }, onUploaded: function(B) { this.removePane(); var D = B.link; if (!this.im) { this.ne.selectedInstance.restoreRng(); var C = "javascript:nicImTemp();"; this.ne.nicCommand("insertImage", D); this.im = this.findElm("IMG", "src", D) } var A = parseInt(this.ne.selectedInstance.elm.getStyle("width")); if (this.im) { this.im.setAttributes({ src: D, width: (A && B.width) ? Math.min(A, B.width) : "" }) } } }); nicEditors.registerPlugin(nicPlugin, nicUploadOptions);