zoukankan      html  css  js  c++  java
  • 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 "宏";






  • 相关阅读:
    浏览器低延时播放监控摄像头视频(EasyNVR播放FLV视频流)
    RTSP/Onvif摄像机在做H5无插件直播中遇到对接海康摄像机发送OPTIONS心跳的问题
    EasyDarwin系列互联网视频直播录像方案的选择
    EasyNVR配置需求
    EasyNVR硬件云终端与EasyNVR综合对比
    EasyNVR使用过程中问题的自我排查设备不在线问题自我排查检测
    EasyNVR在Linux系统下将录像文件与EasyNVR运行分离
    EasyNVR硬件云终端使用说明(问题的自我排查与解决)
    EasyNVR内网接入网关+EasyNVS云端管理平台,组件起一套轻量级类似于萤石云的解决方案
    EasyNVR支持的设备接入类型以及关于国标设备是否支持接入EasyNVR
  • 原文地址:https://www.cnblogs.com/xiangsj/p/6043407.html
Copyright © 2011-2022 走看看