\s*
\s*<\/p>/gi, '
\u00a0
'); source = source.replace(/( |\s)*<\/p>/gi, '
\u00a0
'); if (!this.options.semantics){ source = source.replace(/\s*\s*<\/p>/gi, ''); } // Replace improper BRs (only if XHTML : true) if (this.options.xhtml){ source = source.replace(/
/gi, "
"); } if (this.options.semantics){ //remove divs from
(.+?)<\/div><\/li>/g, '$1 ');
}
//remove stupid apple divs
if (Browser.Engine.webkit){
source = source.replace(/^([\w\s]+.*?)
/i, '
$1
');
source = source.replace(/
(.+?)<\/div>/ig, ']*><\/p>/g, ''); //remove
's that end a paragraph here. 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 source = source.replace(/>
/gi, '>'); // 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');
// 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 compatable
// if (this.options.xhtml){
// source = source.replace(/(<(?:img|input)[^/>]*)>/g, '$1 />');
// }
//remove double
$1
'); } //tags around a list will get moved to after the list if (['gecko', 'presto', 'webkit'].contains(Browser.Engine.name)){ //not working properly in safari? source = source.replace(/
[\s\n]*(<(?:ul|ol)>.*?<\/(?:ul|ol)>)(.*?)<\/p>/ig, '$1
$2
'); source = source.replace(/<\/(ol|ul)>\s*(?!<(?:p|ol|ul|img).*?>)((?:<[^>]*>)?\w.*)$/g, '$2
'); } source = source.replace(/'s that end a paragraph here. source = source.replace(/
\s*( only contains tags
//format the source
source = source.replace(/, remove the
/gi, ''); // Remove useless BRs source = source.replace(/>
/gi, '>'); // 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(/
tags and empty
tags source = source.replace(/
(?:\s*)
/g, '
'); source = source.replace(/<\/p>\s*<\/p>/g, '
'); // 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){ $try(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){ $try(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 ($defined(r.item) || $defined(r.htmlText)){ 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.Engine.trident){ 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 ($type(el) != 'element') el = el.parentNode; } return document.id(el); } return document.id(r.item ? r.item(0) : r.parentElement()); }, insertContent: function(content){ if (Browser.Engine.trident){ var r = this.getRange(); r.pasteHTML(content); r.collapse(false); r.select(); } else { this.win.document.execCommand('insertHTML', false, content); } } }); MooEditable.UI = {}; MooEditable.UI.Toolbar= new Class({ Implements: [Events, Options], options: { /* onItemAction: $empty, */ '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()]($extend(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){ $each(this.items, function(item){ (item.name == except) ? item.activate() : item.deactivate().disable(); }); return this; }, enable: function(){ $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: $empty, */ 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: '', 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.Engine.trident) 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($A(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: $empty, onClose: $empty, */ '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: '', 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 = ' ' + ''; 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 = new Hash({ bold: { title: 'Bold', options: { shortcut: 'b' }, states: { tags: ['b', 'strong'], css: {'font-weight': 'bold'} } }, italic: { title: 'Italic', options: { shortcut: 'i' }, states: { tags: ['i', 'em'], css: {'font-style': 'italic'} } }, underline: { title: 'Underline', options: { shortcut: 'u' }, states: { tags: ['u'], css: {'text-decoration': 'underline'} } }, strikethrough: { title: 'Strikethrough', options: { shortcut: 's' }, states: { tags: ['s', 'strike'], css: {'text-decoration': 'line-through'} } }, insertunorderedlist: { title: 'Unordered List', states: { tags: ['ul'] } }, insertorderedlist: { title: 'Ordered List', states: { tags: ['ol'] } }, indent: { title: 'Indent', states: { tags: ['blockquote'] } }, outdent: { title: 'Outdent' }, undo: { title: 'Undo', options: { shortcut: 'z' } }, redo: { title: 'Redo', options: { shortcut: 'y' } }, unlink: { title: 'Remove Hyperlink' }, createlink: { title: 'Add Hyperlink', options: { shortcut: 'l' }, states: { tags: ['a'] }, dialogs: { alert: MooEditable.UI.AlertDialog.pass('Please select the text you wish to hyperlink.'), prompt: function(editor){ return MooEditable.UI.PromptDialog('Enter URL', 'http://', function(url){ editor.execute('createlink', false, url.trim()); }); } }, command: function(){ if (this.selection.isCollapsed()){ this.dialogs.createlink.alert.open(); } else { var text = this.selection.getText(); var url = /^(https?|ftp|rmtp|mms):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+)(:(\d+))?\/?/i; var prompt = this.dialogs.createlink.prompt; if (url.test(text)) prompt.el.getElement('.mooeditable-dialog-input').set('value', text); prompt.open(); } } }, urlimage: { title: 'Add Image', options: { shortcut: 'm' }, dialogs: { prompt: function(editor){ return MooEditable.UI.PromptDialog('Enter image URL', 'http://', function(url){ editor.execute("insertimage", false, url.trim()); }); } }, command: function(){ this.dialogs.urlimage.prompt.open(); } }, toggleview: { title: 'Toggle View', command: function(){ (this.mode == 'textarea') ? this.toolbar.enable() : this.toolbar.disable('toggleview'); this.toggleView(); } } }); MooEditable.Actions.Settings = {}; Element.Properties.mooeditable = { set: function(options){ return this.eliminate('mooeditable').store('mooeditable:options', options); }, get: function(options){ if (options || !this.retrieve('mooeditable')){ if (options || !this.retrieve('mooeditable:options')) this.set('mooeditable', options); this.store('mooeditable', new MooEditable(this, this.retrieve('mooeditable:options'))); } return this.retrieve('mooeditable'); } }; Element.implement({ mooEditable: function(options){ return this.get('mooeditable', options); } });