自定义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鼠标自定义右键菜单的实现原理和实现代码. ...
随机推荐
- oc51--循环retain
// main.m // 循环retain #import <Foundation/Foundation.h> #import "Person.h" #import & ...
- public static float CompareExchange(ref float location1,float value,float comparand)
https://msdn.microsoft.com/en-us/library/k9hz8w9t(v=vs.110).aspx Compares two single-precision float ...
- hdu 3037Saving Beans(卢卡斯定理)
Saving Beans Saving Beans Time Limit: 6000/3000 MS (Java/Others) Memory Limit: 32768/32768 K (Jav ...
- 使用Github做服务器展示前端页面
1)在github上创建自己一个项目,项目名称必须是你的github账号名.github.io 譬如 fk123456.github.io 因为我已经创建了,所以显示名字重复. 2)使用命令行的方式 ...
- SqlMap常用参数(一)
sqlmap可谓是利用sql注入的神器了,sqlmap的参数很多,接下介绍几种常见的参数. 一.注入access数据库常用的参数 sqlmap.py -u "url" //判断参 ...
- 【IDEA】(4)---很好用的DEBUG功能
IDEA-DEBUG功能 一.常用快捷键 快捷键并不是完全一样的,我这边是MAC安装的IDEA, 这边最主要还是知道DEBUG时常用的功能. 1.快捷键 F7 #进入下一步,如果当前行是一个方法,则进 ...
- 数据连接类 这里采用mysql
数据库通用操作类,自己参照几个通用类改写的,用起来还是蛮不错.... 这里用的mysql 要是其他数据库自行更改下就好 public class MySqlHelper { public stati ...
- mvc action 缓存的清楚更新办法
https://www.cnblogs.com/waynechan/p/3232672.html
- Safe Area Layout Guide before iOS 9.0
今天使用Xcode9.1重建项目,什么都没写运行报错:Safe Area Layout Guide before iOS 9.0!目前为止,不晓得原因,现记录解决方法:
- ES6 Promise(2)
Promise的兴起,是因为异步方法调用中,往往会出现回调函数一环扣一环的情况.这种情况导致了回调金字塔的出现.不仅代码写起来费劲不美观,而且问题复杂的时候,阅读代码的人也难以理解. db.save( ...