kindeditor html5视频,kindeditor编辑器插入mp4视频不显示及不过滤video的方法

传视频是单独做了htm5的video调用,所以在电脑及移动设备上访问没问题,但是很多地方比如题目,题目解析等都在kindeditor编辑器里面添加的,因为肯定要添加图文,但是添加视频的话,因为kindeditor对html5还不怎么支持,而且还过滤kindeditor的代码,所以没办法,只能修改下kindeditor了。

有两个思路,一个是给kindeditor添加支持mp4格式的html5代码,这个方法网上也有教程,但是我看了实在是太麻烦了,网上也有修改好的,但是下载了需要配置,也太麻烦,所以我采取了最简单的方法。直接修改编辑器代码。

kindeditor添加的视频默认代码是:

其实,经过我的测试 只要修改视频代码最前面的embed 为video就可以了。在电脑及移动设备上都完美测试。

但是有个问题就是kindeditor会过滤掉video代码,只要修改了源代码之后,一切换到编辑模式,肯定就把video都过滤掉了,所以要关闭过滤,其实,按照网上的说法,修改kindeditor.js里面的filterMode :true 为false是不管用的,只能是添加白名单规则。

添加方法就是在kindeditor.js大约275行

htmlTags : {

下面添加

video : ['src', 'type', 'width','height','autostart','loop'],

这样修改的video代码就不会被过滤掉了。

添加好的样式为:

kindeditor插入mp4视频不显示及不过滤video的方法

这样是最简单的方法了。而且改动也小。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值