赞
踩
Ueditor二次开发,一键点击让表格单元格内容居中
- UE.registerUI('tdCenter', function(editor, uiName) {
-
- //注册按钮执行时的command命令,使用命令默认就会带有回退操作
- editor.registerCommand(uiName, {
- execCommand: function() {
- alert('execCommand:' + uiName)
- }
- });
- //创建一个button
- var btn = new UE.ui.Button({
- //按钮的名字
- name: uiName,
- //提示
- title: '表格单元格内容居<-中->',
- //添加额外样式,指定icon图标,这里默认使用一个重复的icon
- cssRules: 'background-position: -766px -77px;',
- //点击时执行的命令
- onclick: function() {
- //这里可以不用执行命令,做你自己的操作也可
- editor.execCommand( 'cellalign','Center' );
- }
- });
- //当点到编辑内容上时,按钮要做的状态反射
- editor.addListener('contentchange', function() {
- var state = editor.queryCommandState(uiName);
- if (state == -1) {
- btn.setDisabled(true);
- btn.setChecked(false);
- } else {
- btn.setDisabled(false);
- btn.setChecked(state);
- }
- });
- //因为你是添加button,所以需要返回这个button
- return btn;
- },13);
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。