context-menu-compressed.js

Typo3, 开源里边最强大的

ContextMenu=function(editor){
this.editor=editor;
this.currentMenu=null;
this.keys=[];
this.eventHandlers={};
};
ContextMenu.I18N=ContextMenu_langArray;
ContextMenu._pluginInfo={
name:"ContextMenu",
version:"1.8",
developer:"Mihai Bazon & Stanislas Rolland",
developer_url:"http://www.fructifor.ca/",
c_owner:"dynarch.com & Stanislas Rolland",
sponsor:"American Bible Society & Fructifor Inc.",
sponsor_url:"http://www.fructifor.ca/",
license:"GPL"
};
ContextMenu.prototype.onGenerate=function(){
if(!HTMLArea.is_opera){
this.editor.eventHandlers["contextMenu"]=ContextMenu.contextMenuHandler(this);
HTMLArea._addEvent((HTMLArea.is_ie?this.editor._doc.body:this.editor._doc),"contextmenu",this.editor.eventHandlers["contextMenu"]);
}else{
this.editor.eventHandlers["mousedown"]=ContextMenu.contextMenuHandler(this);
HTMLArea._addEvent(this.editor._doc,"mousedown",this.editor.eventHandlers["mousedown"]);
}
};
ContextMenu.contextMenuHandler=function(instance){
return(function(ev){
if(!HTMLArea.is_opera||(HTMLArea.is_opera&&ev.button>=2))instance.popupMenu(ev);
else return false;
});
};
ContextMenu.tableOperationsHandler=function(editor,tbo,opcode){
return(function(){
tbo.buttonPress(editor,opcode);
});
};
ContextMenu.imageHandler=function(editor,img){
return(function(){
editor._insertImage(img);
});
};
ContextMenu.linkHandler=function(editor,link,opcode){
switch(opcode){
case "MakeLink":
case "ModifyLink":
return(function(){
editor.execCommand("CreateLink",true);
});
case "CheckLink":
return(function(){
window.open(link.href);
});
case "RemoveLink":
return(function(){
if(confirm(ContextMenu.I18N["Please confirm unlink"]+"\n"+
ContextMenu.I18N["Link points to:"]+" "+link.href)){
if(typeof(editor.plugins["TYPO3Browsers"])!="undefined"){
editor.renderPopup_unLink();
}else{
while(link.firstChild)link.parentNode.insertBefore(link.firstChild,link);
link.parentNode.removeChild(link);
}
}
});
}
};
ContextMenu.execCommandHandler=function(editor,opcode){
return(function(){
editor.execCommand(opcode);
});
};
ContextMenu.insertParagraphHandler=function(editor,currentTarget,after){
return(function(){
var el=currentTarget;
var par=el.parentNode;
var p=editor._doc.createElement("p");
p.appendChild(editor._doc.createElement("br"));
par.insertBefore(p,after?el.nextSibling:el);
var sel=editor._getSelection();
var range=editor._createRange(sel);
if(HTMLArea.is_gecko){
range.selectNodeContents(p);
range.collapse(true);
if(HTMLArea.is_safari){
sel.empty();
sel.setBaseAndExtent(range.startContainer,range.startOffset,range.endContainer,range.endOffset);
}else{
sel.removeAllRanges();
sel.addRange(range);
}
}else{
range.moveToElementText(p);
range.collapse(true);
range.select();
}
});
};
ContextMenu.deleteElementHandler=function(editor,tmp,table){
return(function(){
if(confirm(ContextMenu.I18N["Please confirm remove"]+" "+tmp.tagName.toLowerCase())){
var el=tmp;
var p=el.parentNode;
p.removeChild(el);
if(HTMLArea.is_gecko){
if(p.tagName.toLowerCase()=="td"&&!p.hasChildNodes())p.appendChild(editor._doc.createElement("br"));
editor.forceRedraw();
editor.focusEditor();
editor.updateToolbar();
if(table){
var save_collapse=table.style.borderCollapse;
table.style.borderCollapse="collapse";
table.style.borderCollapse="separate";
table.style.borderCollapse=save_collapse;
}
}
}
});
};
ContextMenu.prototype.pushOperations=function(opcodes,elmenus,tbo){
var editor=this.editor;
var toolbarObjects=editor._toolbarObjects;
var i18n=ContextMenu.I18N;
var btnList=editor.config.btnList;
var enabled=false,opcode,opEnabled=[],i=opcodes.length;
for(i;i>0;){
opcode=opcodes[--i];
opEnabled[opcode]=toolbarObjects[opcode]&&toolbarObjects[opcode].enabled;
enabled=enabled||opEnabled[opcode];
}
if(enabled&&elmenus.length)elmenus.push(null);
for(i=opcodes.length;i>0;){
opcode=opcodes[--i];
if(opEnabled[opcode])elmenus.push([i18n[opcode+"-title"],
(tbo?ContextMenu.tableOperationsHandler(editor,tbo,opcode):ContextMenu.execCommandHandler(editor,opcode)),
i18n[opcode+"-tooltip"],
btnList[opcode][1],opcode]);
}
};
ContextMenu.prototype.getContextMenu=function(target){
var editor=this.editor;
var toolbarObjects=editor._toolbarObjects;
var i18n=ContextMenu.I18N;
var config=editor.config;
var btnList=config.btnList;
var menu=[],opcode;
var tbo=this.editor.plugins["TableOperations"];
if(tbo)tbo=tbo.instance;
var selection=editor.hasSelectedText();
if(selection){
if(toolbarObjects['Cut']&&toolbarObjects['Cut'].enabled){
opcode="Cut";
menu.push([i18n[opcode],ContextMenu.execCommandHandler(editor,opcode),null,btnList[opcode][1],opcode]);
}
if(toolbarObjects['Copy']&&toolbarObjects['Copy'].enabled){
opcode="Copy";
menu.push([i18n[opcode],ContextMenu.execCommandHandler(editor,opcode),null,btnList[opcode][1],opcode]);
}
}
if(toolbarObjects['Paste']&&toolbarObjects['Paste'].enabled){
opcode="Paste";
menu.push([i18n[opcode],ContextMenu.execCommandHandler(editor,opcode),null,btnList[opcode][1],opcode]);
}
var currentTarget=target,
tmp,tag,link=false,
table=null,tr=null,td=null,img=null,list=null,div=null;
for(;target;target=target.parentNode){
tag=target.tagName;
if(!tag)continue;
tag=tag.toLowerCase();
switch(tag){
case "img":
img=target;
if(toolbarObjects["InsertImage"]&&toolbarObjects["InsertImage"].enabled){
if(menu.length)menu.push(null);
menu.push(
[i18n["Image Properties"],
ContextMenu.imageHandler(editor,img),
i18n["Show the image properties dialog"],
btnList["InsertImage"][1],"InsertImage"]
);
}
break;
case "a":
link=target;
if(toolbarObjects["CreateLink"]){
if(menu.length)menu.push(null);
menu.push(
[i18n["Modify Link"],
ContextMenu.linkHandler(editor,link,"ModifyLink"),
i18n["Current URL is"]+': '+link.href,
btnList["CreateLink"][1],"CreateLink"],
[i18n["Check Link"],
ContextMenu.linkHandler(editor,link,"CheckLink"),
i18n["Opens this link in a new window"],
null,null],
[i18n["Remove Link"],
ContextMenu.linkHandler(editor,link,"RemoveLink"),
i18n["Unlink the current element"],
editor.imgURL("ed_unlink.gif"),"UnLink"]
);
}
break;
case "td":
case "th":
td=target;
if(!tbo)break;
this.pushOperations(["TO-cell-split","TO-cell-delete","TO-cell-insert-after","TO-cell-insert-before","TO-cell-prop"],menu,tbo);
break;
case "tr":
tr=target;
if(!tbo)break;
opcode="TO-cell-merge";
if(toolbarObjects[opcode]&&toolbarObjects[opcode].enabled)
menu.push([i18n[opcode+"-title"],
ContextMenu.tableOperationsHandler(editor,tbo,opcode),
i18n[opcode+"-tooltip"],
btnList[opcode][1],opcode]);
this.pushOperations(["TO-row-split","TO-row-delete","TO-row-insert-under","TO-row-insert-above","TO-row-prop"],menu,tbo);
break;
case "table":
table=target;
if(!tbo)break;
this.pushOperations(["TO-toggle-borders","TO-table-prop","TO-col-split","TO-col-delete","TO-col-insert-after","TO-col-insert-before"],menu,tbo);
break;
case "ol":
case "ul":
case "dl":
list=target;
break;
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{
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;
};