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
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞