/i, '

'); source = source.replace(/

(.+?)<\/div>/ig, '

'); } //

tags around a list will get moved to after the list if (!Browser.ie){ //not working properly in safari? source = source.replace(/

[\s\n]*(<(?:ul|ol)>.*?<\/(?:ul|ol)>)(.*?)<\/p>/ig, '$1

'); source = source.replace(/<\/(ol|ul)>\s*(?!<(?:p|ol|ul|img).*?>)((?:<[^>]*>)?\w.*)$/g, '

'); } source = source.replace(/]*><\/p>/g, '

'); // remove
's that end a paragraph here. source = source.replace(/

\s*(]+>)\s*<\/p>/ig, '$1\n'); // if a

only contains , remove the

tags //format the source source = source.replace(/]*)>(.*?)<\/p>(?!\n)/g, '$2

\n'); // break after paragraphs source = source.replace(/<\/(ul|ol|p)>(?!\n)/g, '\n'); // break after

tags source = source.replace(/>

/g, '>\n\t

'); // break and indent

source = source.replace(/([^\n])<\/(ol|ul)>/g, '$1\n'); //break before tags source = source.replace(/([^\n])$/gi, ''); source = source.replace(/^
/gi, ''); // Remove useless BRs if (this.options.paragraphise) source = source.replace(/(h[1-6]|p|div|address|pre|li|ol|ul|blockquote|center|dl|dt|dd)>
/gi, '$1>'); // Remove BRs right before the end of blocks source = source.replace(/
\s*<\/(h1|h2|h3|h4|h5|h6|li|p)/gi, '(.*)<\/span>/gi, '$1'); source = source.replace(/(.*)<\/span>/gi, '$1'); source = source.replace(/]*>(.*?)<\/b[^>]*>/gi, '$1'); source = source.replace(/]*>(.*?)<\/i[^>]*>/gi, '$1'); source = source.replace(/]*>(.*?)<\/u[^>]*>/gi, '$1'); source = source.replace(/(.*)<\/span><\/strong>/gi, '$1'); source = source.replace(/(.*)<\/span><\/em>/gi, '$1'); source = source.replace(/(.*)<\/span><\/span>/gi, '$1'); source = source.replace(/(.*)<\/strong>/gi, '$1'); source = source.replace(/(.*)<\/em>/gi, '$1'); // Replace uppercase element names with lowercase source = source.replace(/<[^> ]*/g, function(match){return match.toLowerCase();}); // Replace uppercase attribute names with lowercase source = source.replace(/<[^>]*>/g, function(match){ match = match.replace(/ [^=]+=/g, function(match2){return match2.toLowerCase();}); return match; }); // Put quotes around unquoted attributes source = source.replace(/<[^!][^>]*>/g, function(match){ match = match.replace(/( [^=]+=)([^"][^ >]*)/g, "$1\"$2\""); return match; }); //make img tags xhtml compatible , -> if (this.options.xhtml){ source = source.replace(/]+)(\s*[^\/])>(<\/img>)*/gi, ''); } //remove double
tags and empty
tags source = source.replace(/
(?:\s*)
/g, '
'); source = source.replace(/<\/p>\s*<\/p>/g, '
'); // Replace
s inside
automatically added by some browsers source = source.replace(/]*>.*?<\/pre>/gi, function(match){ return match.replace(/
/gi, '\n'); }); // Final trim source = source.trim(); } while (source != oSource); return source; } }); MooEditable.Selection = new Class({ initialize: function(win){ this.win = win; }, getSelection: function(){ this.win.focus(); return (this.win.getSelection) ? this.win.getSelection() : this.win.document.selection; }, getRange: function(){ var s = this.getSelection(); if (!s) return null; try { return s.rangeCount > 0 ? s.getRangeAt(0) : (s.createRange ? s.createRange() : null); } catch(e) { // IE bug when used in frameset return this.doc.body.createTextRange(); } }, setRange: function(range){ if (range.select){ Function.attempt(function(){ range.select(); }); } else { var s = this.getSelection(); if (s.addRange){ s.removeAllRanges(); s.addRange(range); } } }, selectNode: function(node, collapse){ var r = this.getRange(); var s = this.getSelection(); if (r.moveToElementText){ Function.attempt(function(){ r.moveToElementText(node); r.select(); }); } else if (s.addRange){ collapse ? r.selectNodeContents(node) : r.selectNode(node); s.removeAllRanges(); s.addRange(r); } else { s.setBaseAndExtent(node, 0, node, 1); } return node; }, isCollapsed: function(){ var r = this.getRange(); if (r.item) return false; return r.boundingWidth == 0 || this.getSelection().isCollapsed; }, collapse: function(toStart){ var r = this.getRange(); var s = this.getSelection(); if (r.select){ r.collapse(toStart); r.select(); } else { toStart ? s.collapseToStart() : s.collapseToEnd(); } }, getContent: function(){ var r = this.getRange(); var body = new Element('body'); if (this.isCollapsed()) return ''; if (r.cloneContents){ body.appendChild(r.cloneContents()); } else if (r.item != undefined || r.htmlText != undefined){ body.set('html', r.item ? r.item(0).outerHTML : r.htmlText); } else { body.set('html', r.toString()); } var content = body.get('html'); return content; }, getText : function(){ var r = this.getRange(); var s = this.getSelection(); return this.isCollapsed() ? '' : r.text || (s.toString ? s.toString() : ''); }, getNode: function(){ var r = this.getRange(); if (!Browser.ie || Browser.version >= 9){ var el = null; if (r){ el = r.commonAncestorContainer; // Handle selection a image or other control like element such as anchors if (!r.collapsed) if (r.startContainer == r.endContainer) if (r.startOffset - r.endOffset < 2) if (r.startContainer.hasChildNodes()) el = r.startContainer.childNodes[r.startOffset]; while (typeOf(el) != 'element') el = el.parentNode; } return document.id(el); } return document.id(r.item ? r.item(0) : r.parentElement()); }, insertContent: function(content){ if (Browser.ie){ var r = this.getRange(); if (r.pasteHTML){ r.pasteHTML(content); r.collapse(false); r.select(); } else if (r.insertNode){ r.deleteContents(); if (r.createContextualFragment){ r.insertNode(r.createContextualFragment(content)); } else { var doc = this.win.document; var fragment = doc.createDocumentFragment(); var temp = doc.createElement('div'); fragment.appendChild(temp); temp.outerHTML = content; r.insertNode(fragment); } } } else { this.win.document.execCommand('insertHTML', false, content); } } }); // Avoiding Locale dependency // Wrapper functions to be used internally and for plugins, defaults to en-US var phrases = {}; MooEditable.Locale = { define: function(key, value){ if (typeOf(window.Locale) != 'null') return Locale.define('en-US', 'MooEditable', key, value); if (typeOf(key) == 'object') Object.merge(phrases, key); else phrases[key] = value; }, get: function(key){ if (typeOf(window.Locale) != 'null') return Locale.get('MooEditable.' + key); return key ? phrases[key] : ''; } }; MooEditable.Locale.define({ ok: 'OK', cancel: 'Cancel', bold: 'Bold', italic: 'Italic', underline: 'Underline', strikethrough: 'Strikethrough', unorderedList: 'Unordered List', orderedList: 'Ordered List', indent: 'Indent', outdent: 'Outdent', undo: 'Undo', redo: 'Redo', removeHyperlink: 'Remove Hyperlink', addHyperlink: 'Add Hyperlink', selectTextHyperlink: 'Please select the text you wish to hyperlink.', enterURL: 'Enter URL', enterImageURL: 'Enter image URL', addImage: 'Add Image', toggleView: 'Toggle View' }); MooEditable.UI = {}; MooEditable.UI.Toolbar= new Class({ Implements: [Events, Options], options: { /* onItemAction: function(){}, */ 'class': '' }, initialize: function(options){ this.setOptions(options); this.el = new Element('div', {'class': 'mooeditable-ui-toolbar ' + this.options['class']}); this.items = {}; this.content = null; }, toElement: function(){ return this.el; }, render: function(actions){ if (this.content){ this.el.adopt(this.content); } else { this.content = actions.map(function(action){ return (action == '|') ? this.addSeparator() : this.addItem(action); }.bind(this)); } return this; }, addItem: function(action){ var self = this; var act = MooEditable.Actions[action]; if (!act) return; var type = act.type || 'button'; var options = act.options || {}; var item = new MooEditable.UI[type.camelCase().capitalize()](Object.append(options, { name: action, 'class': action + '-item toolbar-item', title: act.title, onAction: self.itemAction.bind(self) })); this.items[action] = item; document.id(item).inject(this.el); return item; }, getItem: function(action){ return this.items[action]; }, addSeparator: function(){ return new Element('span', {'class': 'toolbar-separator'}).inject(this.el); }, itemAction: function(){ this.fireEvent('itemAction', arguments); }, disable: function(except){ Object.each(this.items, function(item){ (item.name == except) ? item.activate() : item.deactivate().disable(); }); return this; }, enable: function(){ Object.each(this.items, function(item){ item.enable(); }); return this; }, show: function(){ this.el.setStyle('display', ''); return this; }, hide: function(){ this.el.setStyle('display', 'none'); return this; } }); MooEditable.UI.Button = new Class({ Implements: [Events, Options], options: { /* onAction: function(){}, */ title: '', name: '', text: 'Button', 'class': '', shortcut: '', mode: 'icon' }, initialize: function(options){ this.setOptions(options); this.name = this.options.name; this.render(); }, toElement: function(){ return this.el; }, render: function(){ var self = this; var key = (Browser.Platform.mac) ? 'Cmd' : 'Ctrl'; var shortcut = (this.options.shortcut) ? ' ( ' + key + '+' + this.options.shortcut.toUpperCase() + ' )' : ''; var text = this.options.title || name; var title = text + shortcut; this.el = new Element('button', { 'class': 'mooeditable-ui-button ' + self.options['class'], title: title, html: '' + text + '', events: { click: self.click.bind(self), mousedown: function(e){ e.preventDefault(); } } }); if (this.options.mode != 'icon') this.el.addClass('mooeditable-ui-button-' + this.options.mode); this.active = false; this.disabled = false; // add hover effect for IE if (Browser.ie) this.el.addEvents({ mouseenter: function(e){ this.addClass('hover'); }, mouseleave: function(e){ this.removeClass('hover'); } }); return this; }, click: function(e){ e.preventDefault(); if (this.disabled) return; this.action(e); }, action: function(){ this.fireEvent('action', [this].concat(Array.from(arguments))); }, enable: function(){ if (this.active) this.el.removeClass('onActive'); if (!this.disabled) return; this.disabled = false; this.el.removeClass('disabled').set({ disabled: false, opacity: 1 }); return this; }, disable: function(){ if (this.disabled) return; this.disabled = true; this.el.addClass('disabled').set({ disabled: true, opacity: 0.4 }); return this; }, activate: function(){ if (this.disabled) return; this.active = true; this.el.addClass('onActive'); return this; }, deactivate: function(){ this.active = false; this.el.removeClass('onActive'); return this; } }); MooEditable.UI.Dialog = new Class({ Implements: [Events, Options], options:{ /* onOpen: function(){}, onClose: function(){}, */ 'class': '', contentClass: '' }, initialize: function(html, options){ this.setOptions(options); this.html = html; var self = this; this.el = new Element('div', { 'class': 'mooeditable-ui-dialog ' + self.options['class'], html: '
' + html + '
', styles: { 'display': 'none' }, events: { click: self.click.bind(self) } }); }, toElement: function(){ return this.el; }, click: function(){ this.fireEvent('click', arguments); return this; }, open: function(){ this.el.setStyle('display', ''); this.fireEvent('open', this); return this; }, close: function(){ this.el.setStyle('display', 'none'); this.fireEvent('close', this); return this; } }); MooEditable.UI.AlertDialog = function(alertText){ if (!alertText) return; var html = alertText + ' '; return new MooEditable.UI.Dialog(html, { 'class': 'mooeditable-alert-dialog', onOpen: function(){ var button = this.el.getElement('.dialog-ok-button'); (function(){ button.focus(); }).delay(10); }, onClick: function(e){ e.preventDefault(); if (e.target.tagName.toLowerCase() != 'button') return; if (document.id(e.target).hasClass('dialog-ok-button')) this.close(); } }); }; MooEditable.UI.PromptDialog = function(questionText, answerText, fn){ if (!questionText) return; var html = '' + questionText + ' ' + ' ' + ''; return new MooEditable.UI.Dialog(html, { 'class': 'mooeditable-prompt-dialog', onOpen: function(){ var input = this.el.getElement('.dialog-input'); (function(){ input.focus(); input.select(); }).delay(10); }, onClick: function(e){ e.preventDefault(); if (e.target.tagName.toLowerCase() != 'button') return; var button = document.id(e.target); var input = this.el.getElement('.dialog-input'); if (button.hasClass('dialog-cancel-button')){ input.set('value', answerText); this.close(); } else if (button.hasClass('dialog-ok-button')){ var answer = input.get('value'); input.set('value', answerText); this.close(); if (fn) fn.attempt(answer, this); } } }); }; MooEditable.Actions = { bold: { title: MooEditable.Locale.get('bold'), options: { shortcut: 'b' }, states: { tags: ['b', 'strong'], css: {'font-weight': 'bold'} }, events: { beforeToggleView: function(){ if(Browser.firefox){ var value = this.textarea.get('value'); var newValue = value.replace(/]*)>/gi, '').replace(/<\/strong>/gi, ''); if (value != newValue) this.textarea.set('value', newValue); } }, attach: function(){ if(Browser.firefox){ var value = this.textarea.get('value'); var newValue = value.replace(/]*)>/gi, '').replace(/<\/strong>/gi, ''); if (value != newValue){ this.textarea.set('value', newValue); this.setContent(newValue); } } } } }, italic: { title: MooEditable.Locale.get('italic'), options: { shortcut: 'i' }, states: { tags: ['i', 'em'], css: {'font-style': 'italic'} }, events: { beforeToggleView: function(){ if (Browser.firefox){ var value = this.textarea.get('value'); var newValue = value.replace(/]*)>/gi, '') .replace(/]*)>/gi, '') .replace(/]*)>/gi, '') .replace(/<\/em>/gi, ''); if (value != newValue) this.textarea.set('value', newValue); } }, attach: function(){ if (Browser.firefox){ var value = this.textarea.get('value'); var newValue = value.replace(/]*)>/gi, '') .replace(/]*)>/gi, '') .replace(/]*)>/gi, '') .replace(/<\/em>/gi, ''); if (value != newValue){ this.textarea.set('value', newValue); this.setContent(newValue); } } } } }, underline: { title: MooEditable.Locale.get('underline'), options: { shortcut: 'u' }, states: { tags: ['u'], css: {'text-decoration': 'underline'} } }, strikethrough: { title: MooEditable.Locale.get('strikethrough'), options: { shortcut: 's' }, states: { tags: ['s', 'strike'], css: {'text-decoration': 'line-through'} } }, insertunorderedlist: { title: MooEditable.Locale.get('unorderedList'), states: { tags: ['ul'] } }, insertorderedlist: { title: MooEditable.Locale.get('orderedList'), states: { tags: ['ol'] } }, indent: { title: MooEditable.Locale.get('indent'), states: { tags: ['blockquote'] } }, outdent: { title: MooEditable.Locale.get('outdent') }, undo: { title: MooEditable.Locale.get('undo'), options: { shortcut: 'z' } }, redo: { title: MooEditable.Locale.get('redo'), options: { shortcut: 'y' } }, unlink: { title: MooEditable.Locale.get('removeHyperlink') }, createlink: { title: MooEditable.Locale.get('addHyperlink'), options: { shortcut: 'l' }, states: { tags: ['a'] }, dialogs: { alert: MooEditable.UI.AlertDialog.pass(MooEditable.Locale.get('selectTextHyperlink')), prompt: function(editor){ return MooEditable.UI.PromptDialog(MooEditable.Locale.get('enterURL'), 'http://', function(url){ editor.execute('createlink', false, url.trim()); }); } }, command: function(){ var selection = this.selection; var dialogs = this.dialogs.createlink; if (selection.isCollapsed()){ var node = selection.getNode(); if (node.get('tag') == 'a' && node.get('href')){ selection.selectNode(node); var prompt = dialogs.prompt; prompt.el.getElement('.dialog-input').set('value', node.get('href')); prompt.open(); } else { dialogs.alert.open(); } } else { var text = selection.getText(); var prompt = dialogs.prompt; if (urlRegex.test(text)) prompt.el.getElement('.dialog-input').set('value', text); prompt.open(); } } }, urlimage: { title: MooEditable.Locale.get('addImage'), options: { shortcut: 'm' }, dialogs: { prompt: function(editor){ return MooEditable.UI.PromptDialog(MooEditable.Locale.get('enterImageURL'), 'http://', function(url){ editor.execute('insertimage', false, url.trim()); }); } }, command: function(){ this.dialogs.urlimage.prompt.open(); } }, toggleview: { title: MooEditable.Locale.get('toggleView'), command: function(){ (this.mode == 'textarea') ? this.toolbar.enable() : this.toolbar.disable('toggleview'); this.toggleView(); } } }; MooEditable.Actions.Settings = {}; Element.Properties.mooeditable = { get: function(){ return this.retrieve('MooEditable'); } }; Element.implement({ mooEditable: function(options){ var mooeditable = this.get('mooeditable'); if (!mooeditable) mooeditable = new MooEditable(this, options); return mooeditable; } }); })();