wangEditor3 添加自定义功能

首先可以先去看看源码，你会发现每一个功能都是一个构造函数和一个函数原型组成的（如图例如粗体）

这个时候我们就可以按照这种格式模仿一下,实现自己所需要的功能

/*
*   hr 横线
* */
//构造函数
    function  HR(editor) {
        this.editor = editor;
        this.$elem = $('<div class="w-e-menu">n            <i class="el-icon-minus"></i>n        </div>');
        this.type = 'click';

        // 当前是否 active 状态
        this._active = false;
    }
    // 原型
    HR.prototype = {
        constructor:HR,
        onClick:function onClick(e) {
            var editor = this.editor
            editor.cmd.do('insertHTML','<hr style="margin: 15px 0;"/>')
        }
    }

接下来还有最后一步，那就是 存储菜单的构造函数添加刚刚创建的HR构造函数 还有在默认菜单配置中添加 （注意菜单配置的 hr 和 存储菜单的名称（MenuConstructors）得一致 ）

1、
2、

MenuConstructors.hr = HR;

来看看效果吧

功能到达不了预期的时候都可以通过着这种方式去修改他的构造函数和原型来达到自己所需要的功能
最后祝各位一生无bug

最后

以上就是危机台灯为你收集整理的wangEditor3 添加自定义功能的全部内容，希望文章能够帮你解决wangEditor3 添加自定义功能所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。