• 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'
                        }
                    ]
                    //
                });
    View Code

    以上在初始化时调用,即可覆盖源功能

    下面看改源码在哪里: 

    一、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'
                    },
    

    对于二级菜单标签label改不了,可以找到下面代码处,加一个case项:

     

    case "macro":
    return "宏";






  • 相关阅读:
    日本最大的汽车品牌:丰田【仅供自己参考】
    读书笔记1
    读书笔记1
    计算机网络笔记1
    ZY凉凉经
    HK凉凉经
    访问一个网站,发生了什么?
    正向代理VS反向代理
    mac下打开hosts文件
    国际手机区号
  • 原文地址:https://www.cnblogs.com/xiangsj/p/6043407.html
Copyright © 2020-2023  润新知