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

人生不过三万天,成功失败均坦然,是非恩怨莫在意,健康快乐最值钱。你的爱好就是你的方向,你的兴趣就是你的资本。

上传视频是单独做了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代码就不会被过滤掉了。

到此这篇关于DedeCMS的kindeditor编辑器插入mp4视频不显示及不过滤video的方就介绍到这了。可以改变的是命运,不可以改变的是规律。更多相关DedeCMS的kindeditor编辑器插入mp4视频不显示及不过滤video的方内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
dedecms更换成kindeditor后栏目内容无法保存

dede更换成kindeditor后栏目内容无法保存怎么办

dede更换成kindeditor后栏目内容无法保存

织梦模板kindeditor编辑器图片上传增加图片说明alt属性和title属性

织梦整合kindeditor文本编辑器乱码问题如何解决办法