自定义UEditor右键菜单
//打开右键菜单功能
,enableContextMenu: true
//右键菜单的内容,label留空支持国际化,否则以此配置为准
//,contextMenu:[
// {
// label:'', //显示的名称
// cmdName:'selectall',//执行的command命令,当点击这个右键菜单时
// //exec可选,有了exec就会在点击时执行这个function,优先级高于cmdName
// exec:function () {
// //this是当前编辑器的实例
// //this.ui._dialogs['inserttableDialog'].open();
// }
// }
//]
,contextMenu: [
{label: '全选',cmdName: 'selectall'},
{
label: '清空文档',
cmdName: 'cleardoc',
exec: function() {
if ( confirm('确定清空当前文档么?') ) {
this.execCommand('cleardoc');
}
}
},
'-',
{
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'
},
'-',
{
label: '合并单元格',
cmdName: 'mergecells'
},
{
label: '向右合并',
cmdName: 'mergeright'
},
{
label: '向下合并',
cmdName: 'mergedown'
},
'-',
{
label: '拆分行',
cmdName: 'splittorows'
},
{
label: '拆分列',
cmdName: 'splittocols'
},
{
label: '拆分单元格',
cmdName: 'splittocells'
},
'-',
{
label: '平均分配行',
cmdName: 'averagedistributerow'
},
{
label: '平均分配列',
cmdName: 'averagedistributecol'
},
'-',
{
label: '单元格属性',
cmdName: 'edittd',
exec: function() {
if (UE.ui['edittd']) {
new UE.ui['edittd'](this);
}
this.getDialog('edittd').open();
}
},
{
label: '表格属性',
cmdName: 'edittable',
exec: function() {
if (UE.ui['edittable']) {
new UE.ui['edittable'](this);
}
this.getDialog('edittable').open();
}
},
{
label: '设置边框可见',
cmdName: 'setbordervisible'
}
]
},
'-',
{
group: '表格排序',
icon: 'tablesort',
subMenu: [
{
label:"开启表格排序",
cmdName: 'enablesort'
},
{
label:"关闭表格排序",
cmdName: 'disablesort'
},
{
label:"排序逆转",
cmdName: 'sorttable',
value: 'reversecurrent'
},
{
label:"ASCII升序",
cmdName: 'sorttable',
value: 'orderbyasc'
},
{
label:"ASCII降序",
cmdName: 'sorttable',
value: 'reversebyasc'
},
{
label:"数值升序",
cmdName: 'sorttable',
value: 'orderbynum'
},
{
label:"数值降序",
cmdName: 'sorttable',
value: 'reversebynum'
}
]
},
'-',
{
group: '边框底纹',
icon: 'borderBack',
subMenu: [
{
label:"隔行着色",
cmdName: "interlacetable",
exec: function() {
this.execCommand("interlacetable");
}
},
{
label:"取消隔行着色",
cmdName: "uninterlacetable",
exec: function() {
this.execCommand("uninterlacetable");
}
},
{
label:"选取背景隔行",
cmdName: "settablebackground",
exec: function() {
this.execCommand("settablebackground", {
repeat: true,
colorList: ["#bbb", "#ccc"]
});
}
},
{
label:"取消选取背景",
cmdName: "cleartablebackground",
exec: function() {
this.execCommand("cleartablebackground");
}
},
{
label:"红蓝相间",
cmdName: "settablebackground",
exec: function() {
this.execCommand("settablebackground", {
repeat: true,
colorList: ["red", "blue"]
});
}
},
{
label:"三色渐变",
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'
},
'-',
{
label: '复制(Ctrl+C)',
cmdName: 'copy'
},
{
label: '粘贴(Ctrl+V)',
cmdName: 'paste'
}
]
自定义UEditor右键菜单的更多相关文章
- javascript自定义浏览器右键菜单
javascript自定义浏览器右键菜单 在书上看到document对象还有一个contextmenu事件,但是不知为什么w3school中找不到这个耶... 利用这个特性写了个浏览器的右键菜单, ...
- 完美拖拽 &&仿腾讯微博效果&& 自定义多级右键菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- NX二次开发-自定义添加右键菜单RegisterConfigureContextMenuCallback
首先声明这个知识我以前不知道,是夏天的时候看到别人在唐工的QQ群里问的,唐工说西门子官方有这个例子.那个时候我因为在忙其他事情,也就没去研究那个右键菜单到底是怎么做的.关于自定义添加右键菜单Regis ...
- Qt之自定义QLineEdit右键菜单
一.QLineEdit说明 QLineEdit是单行文本框,不同于QTextEdit,他只能显示一行文本,通常可以用作用户名.密码和搜索框等.它还提供了一些列的信号和槽,方便我们使用,有兴趣的小伙伴可 ...
- vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
今天分享的不是技术,今天给大家分享个插件,针对现有的vue右键菜单插件,大多数都是需要使用插件本身自定义的标签,很多地方不方便,可扩展性也很低,所以我决定写了一款自定义指令调用右键菜单(vuerigh ...
- JQuery模拟网页中自定义鼠标右键菜单
题外话.......最近在开发一个网站项目的时候,需要用到网页自定义右键菜单,在网上看了各路前辈大神的操作,头晕目眩,为了达到目的,突然灵机一动,于是便有了这篇文章. 先放个效果图(沾沾自喜,大神勿喷 ...
- Win7如何自定义桌面右键菜单
1 在注册表的HKEY_CLASSES_ROOT\DesktopBackground\Shell\位置,我们新建一个计算器,他的下面有一个项目command,然后这个command去打开计算器(通过分 ...
- Winforn中实现ZedGraph自定义添加右键菜单项(附源码下载)
场景 Winform中实现ZedGraph中曲线右键显示为中文: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/100115292 ...
- html鼠标自定义右键菜单:css+js实现自定义html右键菜单
我们在网页中很多都有右键菜单的功能,一般点击右键显示的是浏览器默认的菜单选项,那么我们直接如何通过css+js实现html的右键菜单呢?这篇文章将讲解html鼠标自定义右键菜单的实现原理和实现代码. ...
随机推荐
- Hadop使用Partitioner后,结果还是一个文件,怎样解决??
近期看了一下partitioner.于是照着写了一个列子.最后发现程序并没有将结果分开写入对应的文件,结果还是一个文件,于是乎感觉是不是没实用集群去执行程序,发现control中还是本地执行的代码: ...
- 转:java身份证格式强校验
package com.dsh.zealandweb.utils; import java.util.HashSet; import java.util.regex.Pattern; import o ...
- 用sp_executesql执行动态SQL语句及获得返回值
过去我执行拼凑出来的动态SQL语句,都直接使用EXEC @sql 的方式.有好几次,都看到有资料说,应该尽量使用 sp_executesql. 究其原因,是因为仅仅参数不同的情况下,sp_execut ...
- Android之——常见Bug及其解决方式
转载请注明出处:http://blog.csdn.net/l1028386804/article/details/46942139 1.android.view.WindowManager$BadTo ...
- C# Path 有关于文件路径等问题类(转)
C# Path 标签:C#, Path C-Sharp 0 Path handles file path processing. The .NET Framework provides effect ...
- 【POJ 3076】 Sudoku
[题目链接] http://poj.org/problem?id=3076 [算法] 将数独问题转化为精确覆盖问题,用Dancing Links求解 [代码] #include <algorit ...
- B3402 [Usaco2009 Open]Hide and Seek 捉迷藏 最短路
直接最短路板子,dij堆优化. 题干: 题目描述 贝茜在和约翰玩一个“捉迷藏”的游戏. 她正要找出所有适合她躲藏的安全牛棚.一共有N(≤N≤)个牛棚,被编为1到N号.她知道约翰(捉牛者)从牛棚1出发. ...
- 浅谈自学Python之路(day1)
2018-02-19 17:15:14 Python语言相对于其他语言较为简洁,也相对好入门比如后面不加分号,基本见不着大括号等优点 第一个程序,也是学每门语言都需要掌握的第一个代码 print(& ...
- Oracle 12.2.0.1 RAC for rhel 7.X 数据库安装(节点1执行root.sh失败)
说明: 最开始是用的rehat7.2安装12.2.0.1,后面安装GI节点一执行root.sh脚本失败,排查原因,最开始以为是操作系统的问题,换成rehat7.6,同样的出现问题,经过一番折腾,后面通 ...
- VS2015 右侧导航插件地址
右侧导航插件: https://marketplace.visualstudio.com/items?itemName=VisualStudioProductTeam.ProductivityPowe ...