自定义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鼠标自定义右键菜单的实现原理和实现代码. ...
随机推荐
- selenium清空默认文字
默认输入框 鼠标点击上去还有文案 直接用 clear不可以
- win7_32虚拟机网络设置
今天工作中同事需要使用ie8的浏览器,组内同事没有,想到自己玩的win7_32虚拟机上有ie8,想让对方连接使用,发现自己本机可以远程连接,同事不能连接 排查原因:可能虚拟机使用的是nat模式连接的网 ...
- 【iOS】网络载入图片缓存与SDWebImage
载入网络图片能够说是网络应用中必备的.假设单纯的去下载图片,而不去做多线程.缓存等技术去优化,载入图片时的效果与用户体验就会非常差. 一.自己实现载入图片的方法 tips: *iOS中全部网络訪问都是 ...
- Fisher 线性判别
Multiplying both sides of this result by wT and adding w0, and making use of y(x)=wTx+w0 and y(xΓ)= ...
- Docker EE/Docker CE简介与版本规划
随着Docker的不断流行与发展,docker公司(或称为组织)也开启了商业化之路,Docker 从 17.03版本之后分为 CE(Community Edition) 和 EE(Enterprise ...
- JDK多任务执行框架(Executor框架)
Executor的常用方法 为了更好的控制多线程,JDK提供了一套线程框架Executor,帮助开发人员有效地进行线程控制.它们都在java.util.concurrent包中,是JDK开发包的核心. ...
- Spring Boot (10) mybatis三种动态sql
脚本SQL xml配置方式见mybatis讲解,下面是用<script>的方式把它照搬过来,用注解来实现.适于xml配置转换到注解配置 @Select("<script&g ...
- Elasticsearch中的segment理解
https://blog.csdn.net/smithallenyu/article/details/52789872 参照图 https://www.cnblogs.com/smile361/p/7 ...
- AFN上传多张图片
AFN上传多张图片代码: AFHTTPSessionManager *sessionManager = [AFHTTPSessionManager manager]; sessionManager.r ...
- css3动画之1--animation小例子
1.首先看效果 2.代码及分析 <style type="text/css"> #div1 { margin:100px; position: absolute; te ...