context-menu.js

Typo3, 开源里边最强大的

		    case "div":
			div = target;
			break;
		    case "body":
		    	this.pushOperations(["JustifyFull", "JustifyRight", "JustifyCenter", "JustifyLeft"], menu, null);
			break;
		}
	}
	
	if (selection && !link) {
		if (menu.length) menu.push(null);
		menu.push([i18n["Make link"],
			ContextMenu.linkHandler(editor, link, "MakeLink"),
			i18n["Create a link"],
			btnList["CreateLink"][1],"CreateLink"]);
	}
	
	if (!/html|body/i.test(currentTarget.tagName)) {
		if (/table|thead|tbody|tr|td|th|tfoot/i.test(currentTarget.tagName)) {
			tmp = table;
			table = null;
		} else if(list) {
			tmp = list;
			list = null;
		} else {
			tmp = currentTarget;
		}
		if (menu.length) menu.push(null);
		menu.push(
		  [i18n["Remove the"] + " <" + tmp.tagName.toLowerCase() + "> " + i18n["Element"],
			ContextMenu.deleteElementHandler(editor, tmp, table), i18n["Remove this node from the document"]],
		  [i18n["Insert paragraph before"],
			ContextMenu.insertParagraphHandler(editor, tmp, false), i18n["Insert a paragraph before the current node"]],
		  [i18n["Insert paragraph after"],
			ContextMenu.insertParagraphHandler(editor, tmp, true), i18n["Insert a paragraph after the current node"]]
		);
	}
	return menu;
};

ContextMenu.mouseOverHandler = function(editor,item) {
	return (function() {
		item.className += " hover";
		editor._statusBarTree.innerHTML = item.__msh.tooltip || ' ';
	});
};

ContextMenu.mouseOutHandler = function(item) {
	return (function() {
		item.className = item.className.replace(/hover/,"");
	});
};

ContextMenu.itemContextMenuHandler = function(item) {
	return (function(ev) {
		item.__msh.activate();
		if(!HTMLArea.is_ie) HTMLArea._stopEvent(ev);
		return false;
	});
};

ContextMenu.mouseDownHandler = function(item) {
	return (function(ev) {
		HTMLArea._stopEvent(ev);
		return false;
	});
};

ContextMenu.mouseUpHandler = function(item,instance) {
	return (function(ev) {
		var timeStamp = (new Date()).getTime();
		if (timeStamp - instance.timeStamp > 500) item.__msh.activate();
		if (!HTMLArea.is_ie) HTMLArea._stopEvent(ev);
		instance.editor.updateToolbar();
		return false;
	});
};

ContextMenu.activateHandler = function(item,instance) {
	return (function() {
		item.__msh.action();
		instance.closeMenu();
	});
};

ContextMenu.documentClickHandler = function(instance) {
	return (function(ev) {
		if (!ev) var ev = window.event;
		if (!instance.currentMenu) {
			alert(ContextMenu.I18N["How did you get here? (Please report!)"]);
			return false;
		}
		var el = (ev.target) ? ev.target : ev.srcElement;
		for (; el != null && el != instance.currentMenu; el = el.parentNode);
		if (el == null) { 
			instance.closeMenu();
			instance.editor.updateToolbar();
		}
	});
};

ContextMenu.keyPressHandler = function(instance) {
	return (function(ev) {
		if (!ev) var ev = window.event;
		if (ev.keyCode == 27) {
			instance.closeMenu();
			return false;
		}
		if(ev.altKey && !ev.ctrlKey) {
			var key = String.fromCharCode(HTMLArea.is_ie ? ev.keyCode : ev.charCode).toLowerCase();
			var keys = instance.keys;
			for (var i = keys.length; --i >= 0;) {
				var k = keys[i];
				if (k[0].toLowerCase() == key) k[1].__msh.activate();
			}
			HTMLArea._stopEvent(ev);
			return false;
		}
	});
};

ContextMenu.prototype.closeMenu = function() {
	HTMLArea._removeEvent((HTMLArea.is_ie ? document.body : document), "mousedown", this.eventHandlers["documentClick"]);
	HTMLArea._removeEvent((HTMLArea.is_ie ? this.editor._doc.body : this.editor._doc), "mousedown", this.eventHandlers["documentClick"]);
	if (this.keys.length > 0) HTMLArea._removeEvent((HTMLArea.is_ie ? this.editor._doc.body : this.editor._doc), "keypress", this.eventHandlers["keyPress"]);
	for (var handler in this.eventHandlers) this.eventHandlers[handler] = null;
	var e, items = document.getElementsByTagName("li");
	if (HTMLArea.is_ie) items = this.iePopup.document.getElementsByTagName("li");;
	for (var i = items.length; --i >= 0 ;) {
		e = items[i];
		if ( e.__msh ) {
			HTMLArea._removeEvent(e, "mouseover", e.__msh.mouseover);
			e.__msh.mouseover = null;
			HTMLArea._removeEvent(e, "mouseout", e.__msh.mouseout);
			e.__msh.mouseout = null;
			HTMLArea._removeEvent(e, "contextmenu", e.__msh.contextmenu);
			e.__msh.contextmenu = null;
			if (!HTMLArea.is_ie) HTMLArea._removeEvent(e, "mousedown", e.__msh.mousedown);
			e.__msh.mousedown = null;
			HTMLArea._removeEvent(e, "mouseup", e.__msh.mouseup);
			e.__msh.mouseup = null;
			e.__msh.action = null;
			e.__msh.activate = null;
			e.__msh = null;
		}
	}
	this.currentMenu.parentNode.removeChild(this.currentMenu);
	this.currentMenu = null;
	this.keys = [];
	if (HTMLArea.is_ie) this.iePopup.hide();
};

ContextMenu.getPos = function(el) {
	var r = { x: el.offsetLeft, y: el.offsetTop };
	if (el.offsetParent) {
		var tmp = ContextMenu.getPos(el.offsetParent);
		r.x += tmp.x;
		r.y += tmp.y;
	}
	return r;
};

ContextMenu.prototype.popupMenu = function(ev,target) {
	var editor = this.editor;
	if (!ev) var ev = window.event;
	if (!target) var target = (ev.target) ? ev.target : ev.srcElement;
	if (this.currentMenu) this.currentMenu.parentNode.removeChild(this.currentMenu);
	this.keys = [];
	var ifpos = ContextMenu.getPos(this.editor._iframe);
	var x = ev.clientX + ifpos.x;
	var y = ev.clientY + ifpos.y;

	var doc, list, separator = false;

	if (!HTMLArea.is_ie) {
		doc = document;
	} else {
		var popup = this.iePopup = window.createPopup();
		doc = popup.document;
		var head = doc.getElementsByTagName("head")[0];
 		var link = doc.createElement("link");
		link.rel = "stylesheet";
		link.type = "text/css";
		if ( _editor_CSS.indexOf("http") == -1 ) link.href = _typo3_host_url + _editor_CSS;
			else link.href = _editor_CSS;
		head.appendChild(link);
	}

	list = doc.createElement("ul");
	list.className = "htmlarea-context-menu";
	doc.body.appendChild(list);
	
	var options = this.getContextMenu(target);
	var n = options.length;
	for (var i=0; i < n; ++i) {
		var option = options[i];
		if (!option){
			separator = true;
		} else {
			var item = doc.createElement("li");
			list.appendChild(item);
			var label = option[0];
			if(separator) {
				item.className += " separator";
				separator = false;
			}
			item.__msh = {
				item:		item,
				label:		label,
				action:		option[1],
				tooltip:	option[2] || null,
				icon:		option[3] || null,
				activate:	ContextMenu.activateHandler(item, this),
				cmd:		option[4] || null
			};
			label = label.replace(/_([a-zA-Z0-9])/, "<u>$1</u>");
			if (label != option[0]) this.keys.push([ RegExp.$1, item ]);
			label = label.replace(/__/, "_");
			var button = doc.createElement("button");
			button.className = "button";
			if(item.__msh.cmd) {
				button.className += " " + item.__msh.cmd;
				if(typeof(editor.plugins["TYPO3Browsers"]) != "undefined" && (item.__msh.cmd == "CreateLink" || item.__msh.cmd == "UnLink" || item.__msh.cmd == "InsertImage")) button.className += "-TYPO3Browsers";
				button.innerHTML = label;
			} else if(item.__msh.icon) {
				button.innerHTML = "<img src='" + item.__msh.icon + "' />" + label;
			} else {
				button.innerHTML = label;
			}
			item.appendChild(button);

			item.__msh.mouseover = ContextMenu.mouseOverHandler(editor, item);
			HTMLArea._addEvent(item, "mouseover", item.__msh.mouseover);
			item.__msh.mouseout = ContextMenu.mouseOutHandler(item);
			HTMLArea._addEvent(item, "mouseout", item.__msh.mouseout);
			item.__msh.contextmenu = ContextMenu.itemContextMenuHandler(item);
			HTMLArea._addEvent(item, "contextmenu", item.__msh.contextmenu);
			if(!HTMLArea.is_ie) {
				item.__msh.mousedown = ContextMenu.mouseDownHandler(item);
				HTMLArea._addEvent(item, "mousedown", item.__msh.mousedown);
			}
			item.__msh.mouseup = ContextMenu.mouseUpHandler(item, this);
			HTMLArea._addEvent(item, "mouseup", item.__msh.mouseup);
		}
	}
	if (n) {
		if(!HTMLArea.is_ie) {
			var dx = x + list.offsetWidth - window.innerWidth - window.pageXOffset + 4;
			var dy = y + list.offsetHeight - window.innerHeight - window.pageYOffset + 4;
			if(dx > 0) x -= dx;
			if(dy > 0) y -= dy;
			list.style.left = x + "px";
			list.style.top = y + "px";
		} else {
				// determine the size
			list.style.left = "0px";
			list.style.top = "0px";
			var foobar = document.createElement("ul");
			foobar.className = "htmlarea-context-menu";
			foobar.innerHTML = list.innerHTML;
			editor._iframe.contentWindow.parent.document.body.appendChild(foobar);
			this.iePopup.show(ev.screenX, ev.screenY, foobar.clientWidth+2, foobar.clientHeight+2);
			editor._iframe.contentWindow.parent.document.body.removeChild(foobar);
		}
		this.currentMenu = list;
		this.timeStamp = (new Date()).getTime();
		this.eventHandlers["documentClick"] = ContextMenu.documentClickHandler(this);
		HTMLArea._addEvent((HTMLArea.is_ie ? document.body : document), "mousedown", this.eventHandlers["documentClick"]);
		HTMLArea._addEvent((HTMLArea.is_ie ? editor._doc.body : editor._doc), "mousedown", this.eventHandlers["documentClick"]);
		if (this.keys.length > 0) {
			this.eventHandlers["keyPress"] = ContextMenu.keyPressHandler(this);
			HTMLArea._addEvents((HTMLArea.is_ie ? editor._doc.body : editor._doc), ["keypress", "keydown"], this.eventHandlers["keyPress"]);
		}
	}
	HTMLArea._stopEvent(ev);
	return false;
};