首页 > 代码库 > ueditor 百度编辑器，自定义右键菜单
ueditor 百度编辑器，自定义右键菜单
如图：有2种自定义方法，一种是改源码，一种是初始化
初始化，如下代码：
var ue = UE.getEditor(‘XXXid‘,{ // contextMenu:[ {label:‘‘, cmdName:‘selectall‘}, { label:‘‘, cmdName:‘cleardoc‘, exec:function () { this.execCommand( ‘cleardoc‘ ); } }, {label:‘这里添加一个菜单‘,cmdName:‘cleardoc‘, icon:‘aligntd‘, exec:function () { //this.execCommand( ‘cleardoc‘ ); console.log("添加一个菜单"); } }, ‘-‘, { cmdName:‘unlink‘ }, ‘-‘, { group:‘‘, icon:‘justifyjustify‘, subMenu:[ { label:‘‘, cmdName:‘justify‘, value:‘left‘ }, { label:‘‘, cmdName:‘justify‘, value:‘right‘ }, { label:‘‘, cmdName:‘justify‘, value:‘center‘ }, { label:‘‘, cmdName:‘justify‘, value:‘justify‘ } ] }, ‘-‘, { group:‘‘, icon:‘table‘, subMenu:[ { label:‘‘, cmdName:‘inserttable‘ }, { label:‘‘, cmdName:‘deletetable‘ }, ‘-‘, { label:‘‘, cmdName:‘deleterow‘ }, { label:‘‘, cmdName:‘deletecol‘ }, { label:‘‘, cmdName:‘insertcol‘ }, { label:‘‘, cmdName:‘insertcolnext‘ }, { label:‘‘, cmdName:‘insertrow‘ }, { label:‘‘, cmdName:‘insertrownext‘ }, ‘-‘, { label:‘‘, cmdName:‘insertcaption‘ }, { label:‘‘, cmdName:‘deletecaption‘ }, { label:‘‘, cmdName:‘inserttitle‘ }, { label:‘‘, cmdName:‘deletetitle‘ }, { label:‘‘, cmdName:‘inserttitlecol‘ }, { label:‘‘, cmdName:‘deletetitlecol‘ }, ‘-‘, { cmdName:‘mergecells‘ }, { cmdName:‘mergeright‘ }, { cmdName:‘mergedown‘ }, ‘-‘, { cmdName:‘splittorows‘ }, { cmdName:‘splittocols‘ }, { cmdName:‘splittocells‘ }, ‘-‘, { cmdName:‘averagedistributerow‘ }, { cmdName:‘averagedistributecol‘ }, ‘-‘, { cmdName:‘edittd‘, exec:function () { if ( UE.ui[‘edittd‘] ) { new UE.ui[‘edittd‘]( this ); } this.getDialog(‘edittd‘).open(); } }, { cmdName:‘edittable‘, exec:function () { if ( UE.ui[‘edittable‘] ) { new UE.ui[‘edittable‘]( this ); } this.getDialog(‘edittable‘).open(); } }, { cmdName:‘setbordervisible‘ } ] }, { group:‘‘, icon:‘tablesort‘, subMenu:[ { cmdName:‘enablesort‘ }, { cmdName:‘disablesort‘ }, ‘-‘, { cmdName:‘sorttable‘, value:‘reversecurrent‘ }, { cmdName:‘sorttable‘, value:‘orderbyasc‘ }, { cmdName:‘sorttable‘, value:‘reversebyasc‘ }, { cmdName:‘sorttable‘, value:‘orderbynum‘ }, { cmdName:‘sorttable‘, value:‘reversebynum‘ } ] }, { group:‘‘, icon:‘borderBack‘, subMenu:[ { cmdName:"interlacetable", exec:function(){ this.execCommand("interlacetable"); } }, { cmdName:"uninterlacetable", exec:function(){ this.execCommand("uninterlacetable"); } }, { cmdName:"settablebackground", exec:function(){ this.execCommand("settablebackground",{repeat:true,colorList:["#bbb","#ccc"]}); } }, { cmdName:"cleartablebackground", exec:function(){ this.execCommand("cleartablebackground"); } }, { cmdName:"settablebackground", exec:function(){ this.execCommand("settablebackground",{repeat:true,colorList:["red","blue"]}); } }, { cmdName:"settablebackground", exec:function(){ this.execCommand("settablebackground",{repeat:true,colorList:["#aaa","#bbb","#ccc"]}); } } ] }, { group:‘‘, icon:‘aligntd‘, subMenu:[ { cmdName:‘cellalignment‘, value:{align:‘left‘,vAlign:‘top‘} }, { cmdName:‘cellalignment‘, value:{align:‘center‘,vAlign:‘top‘} }, { cmdName:‘cellalignment‘, value:{align:‘right‘,vAlign:‘top‘} }, { cmdName:‘cellalignment‘, value:{align:‘left‘,vAlign:‘middle‘} }, { cmdName:‘cellalignment‘, value:{align:‘center‘,vAlign:‘middle‘} }, { cmdName:‘cellalignment‘, value:{align:‘right‘,vAlign:‘middle‘} }, { cmdName:‘cellalignment‘, value:{align:‘left‘,vAlign:‘bottom‘} }, { cmdName:‘cellalignment‘, value:{align:‘center‘,vAlign:‘bottom‘} }, { cmdName:‘cellalignment‘, value:{align:‘right‘,vAlign:‘bottom‘} } ] }, { group:‘‘, icon:‘aligntable‘, subMenu:[ { cmdName:‘tablealignment‘, className: ‘left‘, label:‘‘, value:"left" }, { cmdName:‘tablealignment‘, className: ‘center‘, label:‘‘, value:"center" }, { cmdName:‘tablealignment‘, className: ‘right‘, label:‘‘, value:"right" } ] }, ‘-‘, { label:‘前插入段落‘, cmdName:‘insertparagraph‘, value:true }, { label:‘后插入段落‘, cmdName:‘insertparagraph‘ }, { cmdName:‘copy‘ }, { cmdName:‘paste‘ } ] // });
以上在初始化时调用，即可覆盖源功能
下面看改源码在哪里：
一、ueditor.config.js 找到：
//,enableContextMenu:
确定是注释掉的，开启就没有菜单了
下面解开：,contextMenu:...........
里面格式参考以下二部分。
二、具体源码在这里：ueditor.all.js找到 UE.plugins[‘contextmenu‘] = function () {
格式参考如下：
{label:lang[‘selectall‘], cmdName:‘selectall‘}, { label:lang.cleardoc, cmdName:‘cleardoc‘, exec:function () { if ( confirm( lang.confirmclear ) ) { this.execCommand( ‘cleardoc‘ ); } } }, ‘-‘, { label:lang.unlink, cmdName:‘unlink‘ },修改即可
ueditor 百度编辑器，自定义右键菜单
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。