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);