wangEdit自定义菜单(提取选中的文本)

1.先从给官网下载一个wangEditor.js并引入
2.修改配置文件
var config = {

// 默认菜单配置
menus: ['head', 'bold', 'fontSize', 'fontName', 'italic', 'underline', 'strikeThrough', 'foreColor', 'backColor', 'link', 'list', 'justify', 'quote', 'emoticon', 'image', 'table', 'video', 'code', 'undo', 'redo','自定义名字'],
自定义个一个名称

3.自定义一个构造函数
function 自定义名字(editor){
this.editor = editor;
this.$elem = $(‘

自定义菜单
’);
this.type=‘click’//赋给一个点击事件
// 当前是否 active 状态
this._active = false;
}

4.定义原型
/*

  • 原型

  • */
    自定义名字.prototype = {
    constructor: 自定义名字,
    onClick: function onClick(e) {
    // 点击菜单将触发这里
    var editor = this.editor;
    var isSeleEmpty = editor.selection.isSelectionEmpty();
    var selectText= editor.selection.getSelectionText();//仅提取文本,根据自己业务写 如添加超链接等

      if (!isSeleEmpty) {
          editor.cmd.do('insertHTML',selectText);
      }
    

    },
    5.找到
    // 存储菜单的构造函数
    添加上自定义菜单

    MenuConstructors.自定义名字= 自定义名字;
    可以了
    效果如下
    在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值