• 首页
  •  
    位置:鹿城圈 » 微信资讯 » 移动互联网 » 正文

    kindeditor编辑器高级篇:如何通过监听kindeditor编辑器的粘贴(CTRL+V)事件直接过滤掉复制内容内所有的标签包括超链接

    发布日期:2015-11-03  来源:果壳网   浏览次数:126
            核心提示:昨天写个一篇如何在执行一键清除HTML功能键的同时去掉kindeditor编辑器内容的所有超链接的博客,今天琢磨了一下是否可以更加直接...
    地名:区域代码:
    镇级街道:区域代码:
    区县级市:电话区号:
    所在城市:邮政编码:
    所在省份:营业时间:
    城市代码:所属商圈:
    车牌号码:电话:
    所属类型:地址:

    昨天写个一篇如何在执行一键清除HTML功能键的同时去掉kindeditor编辑器内容的所有超链接的博客,今天琢磨了一下是否可以更加直接地在粘贴内容至kindeditor编辑器内的时候就清楚HTML标签和去掉所有的超链接,换句话说就是只能够粘贴纯文本进入kindeditor编辑器内。

    通过翻看kindeditor-min.js源码文件,查找“b.pasteType === 1”关键词,我们看到的代码片段如下所示:

    view sourceprint?
    1.b.pasteType === 1 && (d = d.replac(/<br[^>]*>/ig, "\n"), d = d.replac(/<\/p><p[^>]*>/ig, "\n"), d = d.replac(/<[^>]+>/g, ""), d = d.replac(/&nbsp;/ig, " "), d = d.replac(/\n\s*\n/g, "\n"), d = d.replac(/ {2}/g, " &nbsp;"), b.newlineTag == "p" ? /\n/.test(d) && (d = d.replac(/^/, "<p>").replac(/$/, "</p>").replac(/\n/g, "</p><p>")) : d = d.replac(/\n/g, "<br />$&")), b.insertHtml(d, !0))

    这段代码就是实现了CTRL+V的粘贴功能,获取粘贴板内的内容d,然后对其进行简单性的处理然后赋值给编辑器b。

    在这里我们不难发现并未去除过多的HTML代码且清楚超链接,所以我们需要在这里对编辑器对象b做一些后加处理,我们通过b.text()就可以拿到编辑器内的纯文本内容了,然后再将其赋值给编辑器b不就行了么?

    所以得到了修改后的代码片段:

    view sourceprint?
    1.b.pasteType === 1 && (d = d.replac(/<br[^>]*>/ig, "\n"), d = d.replac(/<\/p><p[^>]*>/ig, "\n"), d = d.replac(/<[^>]+>/g, ""), d = d.replac(/&nbsp;/ig, " "), d = d.replac(/\n\s*\n/g, "\n"), d = d.replac(/ {2}/g, " &nbsp;"), b.newlineTag == "p" ? /\n/.test(d) && (d = d.replac(/^/, "<p>").replac(/$/, "</p>").replac(/\n/g, "</p><p>")) : d = d.replac(/\n/g, "<br />$&")), b.insertHtml(d, !0), b.html(b.text()))

    不难看出只是在最后的地方追加了

    view sourceprint?
    1.b.html(b.text())

    这样一来保存js文件,然后就可以在粘贴内容进入kindeditor编辑器的时候就直接过滤掉了HTML标签以及超链接了的。很直接!

    本站提供附近位置信息,所有简介资料均由用户发布,不代表本站观点。请注意甄别介绍中的联系方式、诱导购买等信息,谨防诈骗。
    果壳网
    关注图片
    果壳网
    • 果壳网
    • 果壳网是主要面向都市科技青年的社交网站,并提供负责任、有智趣的泛科技主题内容。在这里可以关注感兴趣的人,阅读他们的推荐,...
    • 2013-08-07  [北京]

    ►位置地图◄

    天气预报


    ►全部图片◄

    ►驾车路线◄

    ►骑行路线◄

    ►步行路线◄

    ►网友评论◄

    preview

    果壳网 微信公众号文章推荐

    微信支付绑卡时手机验证码收不到怎么处理?
    好友发送的红包,无法接收到怎么办?
    如何提现收到的红包资金?
    收到的红包可以转发吗
    微信支付更换姓名(注销)的方法
    忘记微信支付密码如何处理?
    微信绑卡时提示与银行信息不符怎么办?
    微信提现时出现异常情况怎么办?
    微信红包零钱的资金还有其他用途吗?
    微信零钱提现什么时间到账?
    微信零钱提现需要收费吗?
    微信红包零钱提现什么时间到账?
    我不是大陆居民,是否可以收红包?
    微信红包如何收红包
    • 微信红包如何收红包
    • 1)收到红包消息=》点击进入红包领取页面=》拆红包=》领取成功;2)领取的红包资金会自动收入零钱,您可以在“钱包”=》“零钱”...
    • 2015-11-25  
    • 微信导航网官方
    微信红包如何提现收到的红包资金?
    微信红包提现限额是多少?
    什么是拼手气群红包?
    微信红包什么是普通红包?
    微信发送红包的限额是多少?
    微信红包好友发送的红包,无法接收到怎么办?
    微信红包如何发送多个红包给同一好友?
    微信如何查看红包发送记录?
    微信红包包好后没有发送,在哪里可以重新再发送?
    微信发出的红包没有领完可以再转发给其他小伙伴吗?
    微信红包包好后没有发出去或者没有被领完,钱可以退回吗?
    微信红包没有被领完的红包在哪里可以查询
    微信如何提现收到的红包资金?
    微信收到的红包资金到哪里去查看?
    微信如何查看收到的红包记录?
    如何关注微信红包公众号?
    分享与收藏:  微信资讯搜索  告诉好友  关闭窗口  打印本文 本文关键字:
     
    微信支付绑卡时手机验证码收不到怎么处理?
    好友发送的红包,无法接收到怎么办?
    • 好友发送的红包,无法接收到怎么办?
    • 好友给您发红包,如果您未看到收红包的提醒信息,建议发红包的好友按照下面的方式可以重发:iOS与Android系统:可以登录微信,点...
    • 2015-11-25  
    • 一般推荐
    如何提现收到的红包资金?
    • 如何提现收到的红包资金?
    • 红包拆开后资金直接进入零钱,您可以进入钱包=》零钱=》提现,选择提现银行、输入提现金额=》再输入支付密码完成即可。温馨提示...
    • 2015-11-25  
    • 一般推荐
    收到的红包可以转发吗
    • 收到的红包可以转发吗
    • 收到红包的小伙伴无法再转发给其他好友哦,需要塞钱进红包,重新发送给其他小伙伴。...
    • 2015-11-25  
    • 一般推荐
    微信支付更换姓名(注销)的方法
    • 微信支付更换姓名(注销)的方法
    • 若微信支付账号已绑定他人姓名的银行卡,现无法绑定本人的银行卡,需要您注销后重新绑定自己的银行卡即可更换为本人的姓名。注销...
    • 2015-11-25  
    • 一般推荐
    忘记微信支付密码如何处理?
    • 忘记微信支付密码如何处理?
    • iOS与Android系统:请登录微信,进入“我”=》钱包=》右上角的三个点=》密码管理=》忘记支付密码=》填写银行卡信息=》输入银行预...
    • 2015-11-25  
    • 一般推荐
    微信绑卡时提示与银行信息不符怎么办?
    • 微信绑卡时提示与银行信息不符怎么办?
    • 一般会提示与银行预留手机不一致。预留手机是在银行开户时填写的手机号码,建议联系银行核对手机号与目前使用的是否一致,不一致...
    • 2015-11-25  
    • 一般推荐
    微信提现时出现异常情况怎么办?
    微信红包零钱的资金还有其他用途吗?
    微信零钱提现什么时间到账?
    • 微信零钱提现什么时间到账?
    • 当天16:00前提现,当天23:59前到账;当天16:00后提现,次日23:59前到账。温馨提示:1、具体到账时间以提现时的页面提示为准...
    • 2015-11-25  
    • 一般推荐
     
    果壳网
    最新出炉微信资讯
    热门标签
    推荐图文
    微信资讯鼎力推荐
    热点图文
     
    网站标志