码迷,mamicode.com
首页 > 其他好文 > 详细

ueditor 百度编辑器,自定义右键菜单

时间:2016-11-08 17:29:53      阅读:639      评论:0      收藏:0      [点我收藏+]

标签:set   reverse   添加   ges   部分   isp   this   setborder   contract   

技术分享

如图:有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‘
                },

  修改即可

 

 

 




ueditor 百度编辑器,自定义右键菜单

标签:set   reverse   添加   ges   部分   isp   this   setborder   contract   

原文地址:http://www.cnblogs.com/xiangsj/p/6043407.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!