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

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值