Umeditor添加简单的新按钮

citru 管理员 楼主
1
2019-03-16 14:54

首先在umeditor-bbs.css添加按钮图标

.edui-btn-toolbar .edui-btn .edui-icon-inserthide {
background-position: -80px -20px;
}

然后在umeditor.config.js把按钮添加到工具栏上


最后实现按钮功能,最好放到umeditor-insertcode.js文件末尾,不容易出错

UM.registerUI('inserthide', function( name ) {
    var me = this;
    var $btn = $.eduibutton({
        icon : name,  //图标修改 .edui-btn-toolbar .edui-btn .edui-icon-inserthide{}
        click : function(){me.execCommand(name);},
        title: '插入隐藏内容' //鼠标在图标悬浮时提示
    });
    return $btn;
});
UM.plugins['inserthide'] = function() {
    var me = this;
   me.commands['inserthide'] = {
   execCommand : function(  ) {
            me.execCommand('inserthtml','[hide]隐藏内容[/hide]',true);
        }
    };
};

效果:

最新回复 ( 3 )