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

Ueditor二次开发,一键点击让表格单元格内容居<-左

UE.registerUI('tdLeft', 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: -746px -77px;',
		//点击时执行的命令
		onclick: function() {
			//这里可以不用执行命令,做你自己的操作也可
			editor.execCommand( 'cellalign','Left' );
		}
	});
	//当点到编辑内容上时,按钮要做的状态反射
	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;
});

 

你可能感兴趣的:(Ueditor)