' 60 | + '' 61 | + ''; 62 | return new MooEditable.UI.Dialog(html, { 63 | 'class': 'mooeditable-prompt-dialog', 64 | onOpen: function(){ 65 | var protocol_input = this.el.getElement('.dialog-input-protocol'); 66 | var url_input = this.el.getElement('.dialog-input-url'); 67 | var target_input = this.el.getElement('.dialog-input-target'); 68 | var text = editor.selection.getText(); 69 | var node = editor.selection.getNode(); 70 | if(node.get('tag') == 'a'){ 71 | var uri = new URI(node.href); 72 | protocol_input.set('value', uri.get('scheme')); 73 | if(uri.get('scheme') == 'mailto'){ 74 | url_input.set('value', node.href.replace('mailto:', '')); 75 | } 76 | else { 77 | url_input.set('value', uri.get('host')); 78 | } 79 | target_input.set('value', node.target || '_self'); 80 | } 81 | else if(urlRegex.test(text)) { 82 | var uri = new URI(text); 83 | protocol_input.set('value', uri.get('scheme')); 84 | url_input.set('value', uri.get('host')); 85 | } 86 | (function(){ 87 | url_input.focus(); 88 | url_input.select(); 89 | }).delay(10); 90 | }, 91 | onClick: function(e){ 92 | e.preventDefault(); 93 | if (e.target.tagName.toLowerCase() != 'button') return; 94 | var button = document.id(e.target); 95 | var protocol_input = this.el.getElement('.dialog-input-protocol'); 96 | var url_input = this.el.getElement('.dialog-input-url'); 97 | var target_input = this.el.getElement('.dialog-input-target'); 98 | if (button.hasClass('dialog-cancel-button')){ 99 | this.close(); 100 | } 101 | else if (button.hasClass('dialog-ok-button')){ 102 | if(protocol_input.get('value') == 'mailto'){ 103 | editor.selection.insertContent('' + editor.selection.getText() + ''); 104 | } 105 | else { 106 | editor.selection.insertContent('' + editor.selection.getText() + ''); 107 | } 108 | this.close(); 109 | } 110 | } 111 | }); 112 | }; 113 | 114 | MooEditable.Actions.createlink.dialogs.prompt = function(editor){ 115 | return MooEditable.UI.ExtendedLinksDialog(editor); 116 | } 117 | MooEditable.Actions.createlink.command = function(){ 118 | var selection = this.selection; 119 | var dialogs = this.dialogs.createlink; 120 | if (selection.isCollapsed()){ 121 | var node = selection.getNode(); 122 | if (node.get('tag') == 'a' && node.get('href')){ 123 | selection.selectNode(node); 124 | dialogs.prompt.open(); 125 | } else { 126 | dialogs.alert.open(); 127 | } 128 | } else { 129 | dialogs.prompt.open(); 130 | } 131 | } 132 | 133 | })(); -------------------------------------------------------------------------------- /Source/MooEditable/MooEditable.UI.MenuList.js: -------------------------------------------------------------------------------- 1 | /* 2 | --- 3 | 4 | name: MooEditable.UI.MenuList 5 | 6 | description: UI Class to create a menu list (select) element. 7 | 8 | license: MIT-style license 9 | 10 | authors: 11 | - Lim Chee Aun 12 | 13 | requires: 14 | # - MooEditable 15 | # - MooEditable.UI 16 | 17 | provides: [MooEditable.UI.MenuList] 18 | 19 | ... 20 | */ 21 | 22 | MooEditable.UI.MenuList = new Class({ 23 | 24 | Implements: [Events, Options], 25 | 26 | options: { 27 | /* 28 | onAction: function(){}, 29 | */ 30 | title: '', 31 | name: '', 32 | 'class': '', 33 | list: [] 34 | }, 35 | 36 | initialize: function(options){ 37 | this.setOptions(options); 38 | this.name = this.options.name; 39 | this.render(); 40 | }, 41 | 42 | toElement: function(){ 43 | return this.el; 44 | }, 45 | 46 | render: function(){ 47 | var self = this; 48 | var html = ''; 49 | this.options.list.each(function(item){ 50 | html += ''.substitute(item); 51 | }); 52 | this.el = new Element('select', { 53 | 'class': self.options['class'], 54 | title: self.options.title, 55 | html: html, 56 | styles: { 'height' : '21px' }, 57 | events: { 58 | change: self.change.bind(self) 59 | } 60 | }); 61 | 62 | this.disabled = false; 63 | 64 | // add hover effect for IE 65 | if (Browser.ie) this.el.addEvents({ 66 | mouseenter: function(e){ this.addClass('hover'); }, 67 | mouseleave: function(e){ this.removeClass('hover'); } 68 | }); 69 | 70 | return this; 71 | }, 72 | 73 | change: function(e){ 74 | e.preventDefault(); 75 | if (this.disabled) return; 76 | var name = e.target.value; 77 | this.action(name); 78 | }, 79 | 80 | action: function(){ 81 | this.fireEvent('action', [this].concat(Array.from(arguments))); 82 | }, 83 | 84 | enable: function(){ 85 | if (!this.disabled) return; 86 | this.disabled = false; 87 | this.el.set('disabled', false).removeClass('disabled').set({ 88 | disabled: false, 89 | opacity: 1 90 | }); 91 | return this; 92 | }, 93 | 94 | disable: function(){ 95 | if (this.disabled) return; 96 | this.disabled = true; 97 | this.el.set('disabled', true).addClass('disabled').set({ 98 | disabled: true, 99 | opacity: 0.4 100 | }); 101 | return this; 102 | }, 103 | 104 | activate: function(value){ 105 | if (this.disabled) return; 106 | var index = 0; 107 | if (value) this.options.list.each(function(item, i){ 108 | if (item.value == value) index = i; 109 | }); 110 | this.el.selectedIndex = index; 111 | return this; 112 | }, 113 | 114 | deactivate: function(){ 115 | this.el.selectedIndex = 0; 116 | this.el.removeClass('onActive'); 117 | return this; 118 | } 119 | 120 | }); 121 | -------------------------------------------------------------------------------- /Source/scripts.json: -------------------------------------------------------------------------------- 1 | { 2 | 3 | "MooEditable": { 4 | 5 | "MooEditable": { 6 | "deps": ["MooEditable"], 7 | "desc": "Class for creating a WYSIWYG editor, for contentEditable-capable browsers." 8 | }, 9 | 10 | "MooEditable.UI.MenuList": { 11 | "deps": ["MooEditable"], 12 | "desc": "UI Class to create a menu list (select) element." 13 | }, 14 | 15 | "MooEditable.UI.ButtonOverlay": { 16 | "deps": ["MooEditable"], 17 | "desc": "UI Class to create a button element with a popup overlay." 18 | }, 19 | 20 | "MooEditable.Extras": { 21 | "deps": ["MooEditable"], 22 | "desc": "Extends MooEditable to include more (simple) toolbar buttons." 23 | }, 24 | 25 | "MooEditable.Group": { 26 | "deps": ["MooEditable"], 27 | "desc": "Extends MooEditable to have multiple instances on a page controlled by one toolbar." 28 | }, 29 | 30 | "MooEditable.Forecolor": { 31 | "deps": ["MooEditable", "MooEditable.UI.ButtonOverlay"], 32 | "desc": "Extends MooEditable to change the color of the text from a list a predefined colors." 33 | }, 34 | 35 | "MooEditable.Smiley": { 36 | "deps": ["MooEditable", "MooEditable.UI.ButtonOverlay"], 37 | "desc": "Extends MooEditable to insert smiley/emoticons." 38 | }, 39 | 40 | "MooEditable.Table": { 41 | "deps": ["MooEditable"], 42 | "desc": "Extends MooEditable to insert table with manipulation options." 43 | }, 44 | 45 | "MooEditable.Image": { 46 | "deps": ["MooEditable"], 47 | "desc": "Extends MooEditable to insert image with manipulation options." 48 | }, 49 | 50 | "MooEditable.Flash": { 51 | "deps": ["MooEditable"], 52 | "desc": "Extends MooEditable to embed Flash." 53 | }, 54 | 55 | "MooEditable.Charmap": { 56 | "deps": ["MooEditable"], 57 | "desc": "Extends MooEditable with a characters map" 58 | }, 59 | 60 | "MooEditable.Pagebreak": { 61 | "deps": ["MooEditable"], 62 | "desc": "Extends MooEditable with pagebreak plugin" 63 | } 64 | 65 | } 66 | 67 | } -------------------------------------------------------------------------------- /package.yml: -------------------------------------------------------------------------------- 1 | name: MooEditable 2 | author: cheeaun 3 | category: Widgets 4 | tags: [wysiwyg, editor, rte] 5 | docs: http://cheeaun.github.com/mooeditable/docs.html 6 | demo: http://cheeaun.github.com/mooeditable/ 7 | current: 0.4 --------------------------------------------------------------------------------