wangEditor2 扩展(一)分割线功能

1、找到文件

2、菜单自定义配置的UI 处添加按钮

hr: {
		    normal: '<a href="#" tabindex="-1"><i class="wangeditor-menu-img-hr"></i></a>',
		    selected: '.selected'
		},

3、添加菜单配置

 2、找到  // 语言包    添加   hr  的提示

3、写一个// hr菜单  分割线  菜单功能函数

// hr菜单  分割线
_e(function (E, $) {
    E.createMenu(function (check) {
        var menuId = 'hr';
        if (!check(menuId)) {
            return;
        }
        var editor = this;
        var lang = editor.config.lang;

        // 创建 menu 对象
        var menu = new E.Menu({
            editor: editor,
            id: menuId,
            title: lang.hr,
            commandName: 'insertHtml',
            commandValue: 'Hr'
        });

        // 定义click事件
        menu.clickEvent = function (e) {
            // 自定义command事件
            function commandFn() {
                editor.command(e, 'insertHtml','<hr/>');
            }
            // 执行自定义命令
            editor.customCommand(e, commandFn);
        };

        // 增加到editor对象中
        editor.menus[menuId] = menu;
    });

});  

  

函数同理bold

原文地址:https://www.cnblogs.com/qing1304197382/p/11652691.html