Ueditor二次开发 一键点击让表格单元格内容居中

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

 

    原文作者:zzzzaj2012
    原文地址: https://blog.csdn.net/zzzzaj2012/article/details/85254090
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞