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

织梦CMS 6个月前 (02-20) 68次浏览 已收录 0个评论

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

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

<embed src="视频文件.mp4" type="video/x-ms-asf-plugin" width="550" height="400" autostart="false" loop="true" />

其实,经过我的测试 只要修改视频代码最前面的 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 的方法,这样是最简单的方法了。而且改动也小。


本文版权归湖南 SEO所有丨如需转载请注明文章出处
原文地址:https://www.wangxiaoyou.com/2937.html
喜欢 (0)
[736035566@qq.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址