eads@31: /**
eads@31:  * $Id$
eads@31:  *
eads@31:  * A plugin to handle forcing a selection to an outer container with a given
eads@31:  * class.
eads@31:  *
eads@31:  * Options
eads@31:  *
eads@31:  * forcecontainer_class:  
eads@31:  *
eads@31:  *   Elements with this class will be forced to the outer container on certain 
eads@31:  *   events.
eads@31:  *
eads@31:  * forcecontainer_trigger_dnd:
eads@31:  *   
eads@31:  *   Custom option -- enables triggering of a custom event via jQuery for the
eads@31:  *   Drag and Drop Library.
eads@31:  */
eads@31: 
eads@31: (function() {
eads@31: 	var Event = tinymce.dom.Event;
eads@31: 
eads@31: 	tinymce.create('tinymce.plugins.ForceContainerPlugin', {
eads@31: 		getInfo : function() {
eads@31: 			return {
eads@31: 				longname : 'Force an element to its outer container',
eads@31: 				author : 'David Eads',
eads@31: 				authorurl : 'http://invisibleinstitute.com/eads',
eads@31: 				infourl : '',
eads@31: 				version : tinymce.majorVersion + "." + tinymce.minorVersion
eads@31: 			};
eads@31: 		},
eads@31: 
eads@31: 		init : function(ed, url) {
eads@31: 			var t = this, forceContainerClass;
eads@31: 
eads@31: 			t.editor = ed;
eads@31: 			forceContainerClass = ed.getParam("forcecontainer_class", "mceForceContainer");
eads@31: 
eads@31: 			ed.onNodeChange.addToTop(function(ed, cm, n) {
eads@31: 				var sc, ec, c;
eads@31: 
eads@31: 				// Block if start or end is inside a non editable element
eads@31: 				sc = ed.dom.getParent(ed.selection.getStart(), function(n) {
eads@31: 					return ed.dom.hasClass(n, forceContainerClass) && !ed.dom.hasClass(n, 'force-container-processed');
eads@31: 				});
eads@31: 
eads@31: 				ec = ed.dom.getParent(ed.selection.getEnd(), function(n) {
eads@31: 					return ed.dom.hasClass(n, forceContainerClass) && !ed.dom.hasClass(n, 'force-container-processed');
eads@31: 				});
eads@31: 
eads@31: 				// Block or unblock
eads@31: 				if (sc || ec) {
eads@31:           c = sc ? sc : ec;
eads@31:           ed.selection.select(c);
eads@31: 					t._setDisabled(1);
eads@31: 					return false;
eads@31: 				} else
eads@31: 					t._setDisabled(0);
eads@31: 			});
eads@31: 		},
eads@31: 
eads@31: 		_block : function(ed, e) {
eads@31: 			var k = e.keyCode, s = ed.selection, n = s.getNode(), reparent, forceContainerClass;
eads@31: 
eads@31:       // Reparent node 
eads@31:       forceContainerClass = ed.getParam("forcecontainer_class", "mceForceContainer");
eads@31: 
eads@31:       // Block if start or end is inside a non editable element
eads@31:       sc = ed.dom.getParent(ed.selection.getStart(), function(n) {
eads@31:         return ed.dom.hasClass(n, forceContainerClass) && !ed.dom.hasClass(n, 'force-container-processed');
eads@31:       });
eads@31: 
eads@31:       ec = ed.dom.getParent(ed.selection.getEnd(), function(n) {
eads@31:         return ed.dom.hasClass(n, forceContainerClass) && !ed.dom.hasClass(n, 'force-container-processed');
eads@31:       });
eads@31: 
eads@31:       if (sc || ec) {
eads@31:         n = (sc) ? sc : ec;
eads@31:       }
eads@31: 
eads@31:       // Pass F1-F12, alt, ctrl, shift, page up, page down, arrow keys
eads@31:       if ((k > 111 && k < 124) || k == 16 || k == 17 || k == 18 || k == 27 || (k > 32 && k < 41)) {
eads@31:         return;
eads@31:       }
eads@31:       
eads@31:       // Step out to parent and delete
eads@31:       if (k == 8 || k == 46) {
eads@31: 			  if (ed.getParam("forcecontainer_trigger_dnd", false)) {
eads@31:           // @TODO -- this is getting called twice!!!
eads@31:           $('#' + ed.id + '-wrapper iframe').trigger('dnd_delete', { 'node' : n });
eads@31:         }
eads@31:         ed.execCommand('Delete', false, null);
eads@31:       }
eads@31: 
eads@31:       // Typing some common characters 
eads@31:       if (k == 13 || (k > 47 && k < 91) || (k > 95 && k < 112) || (k > 185 && k < 223)) {
eads@31:         var c = ed.dom.get('__caret'), p;
eads@31:         if (!c) {
eads@31:           p = ed.dom.create('p', {}, ((k != 13) ? String.fromCharCode(k) : '') + '<span id="__caret">_</span>');
eads@31:           ed.dom.insertAfter(p, n);
eads@31:           s.select(c);
eads@31:         } else {
eads@31:           s.select(c);
eads@31:           ed.execCommand('Delete', false, null);
eads@31:         }
eads@31:       }
eads@31:       
eads@31: 			return Event.cancel(e);
eads@31: 		},
eads@31: 
eads@31: 
eads@31: 		_setDisabled : function(s) {
eads@31: 			var t = this, ed = t.editor, n = t.container;
eads@31: 
eads@31: 			tinymce.each(ed.controlManager.controls, function(c) {
eads@31:         c.setDisabled(s);
eads@31: 			});
eads@31: 
eads@31: 			if (s !== t.disabled) {
eads@31: 				if (s) {
eads@31: 					ed.onClick.addToTop(t._block);
eads@31: 					ed.onMouseDown.addToTop(t._block);
eads@31: 					ed.onKeyDown.addToTop(t._block);
eads@31: 					ed.onKeyPress.addToTop(t._block);
eads@31: 					ed.onKeyUp.addToTop(t._block);
eads@31: 					ed.onPaste.addToTop(t._block);
eads@31: 				} else {
eads@31: 					ed.onClick.remove(t._block); // @TODO causing buggy behavior if you click twice
eads@31: 					ed.onMouseDown.remove(t._block);
eads@31: 					ed.onKeyDown.remove(t._block);
eads@31: 					ed.onKeyPress.remove(t._block);
eads@31: 					ed.onKeyUp.remove(t._block);
eads@31: 					ed.onPaste.remove(t._block);
eads@31: 				}
eads@31: 
eads@31: 				t.disabled = s;
eads@31: 			}
eads@31: 		}
eads@31: 	});
eads@31: 
eads@31: 	// Register plugin
eads@31: 	tinymce.PluginManager.add('forcecontainer', tinymce.plugins.ForceContainerPlugin);
eads@31: })();