欢迎来到安徽智投网络信息技术有限公司官网 www.zhi-tou.cn!

收藏本站 联系我们 关于我们
当前位置: 首页 > 新闻资讯  > WEB技术 > 百度编辑器UEditor不能插入视频的解决方法

百度编辑器UEditor不能插入视频的解决方法

发表日期: 2018/06/12 文章编辑:智投网络 浏览次数:999 标签: TAG1    TAG2    TAG3   

xssFilter导致插入视频异常,编辑器在切换源码的过程中过滤掉img的_url属性(用来存储视频url)_src/plugins/video.js里处理的是_url,而不是_src。

1、在配置文件ueditor.config.js中,定位 //xss过滤白名单,即,whitList:{ },对 img: 增加 “_url” 属性:


2、在下面的 video 标签后面新增3给标签,使Ueditor分别能支持embed标签和iframe标签:



代码:

 source: ['src', 'type'],
 embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play',  
      +  'autoplay','loop', 'menu', 'allowscriptaccess', 'allowfullscreen', 'controls', 'preload'],
 iframe: ['src', 'class', 'height', 'width', 'max-width', 'max-height', 'align', 'frameborder', 'allowfullscreen']


其中[]中的各个字段为前面相应标签的属性 比如:<iframe src="", width="", height=""></iframe>。

这样,在编辑器中就可以引用优酷、腾讯视频的iframe通用代码和embed html代码;移动端一般引用iframe,可设置属性,使其适应设备。(这里,建议切换到源码模式,插入相应的视频代码embed或iframe。其中iframe可编辑大小,优酷embed有效,腾讯embed无效;且腾讯视频的iframe可设置为自动播放,优选)。


如没特殊注明,文章均为智投网络原创,转载请注明来自 "http://www.zhi-tou.cn/news/view-43.html"
相关新闻

Validform表单验证总结

近期项目里用到了表单的验证,选择了Validform_v5.3.2。先来了解一下一些基本的参数:通用表单验证…

日期: 2018/06/28 浏览次数:10

在UI设计中色彩的运用

颜色和其他东西一样,使用起来需要适度。在一个界面中颜色过多会让人找不到重点,而太少友让画面太…

日期: 2018/06/27 浏览次数:4

IIS7 / IIS7.5 URL 重写 HTTP 重定向到 HTTPS

1、购买SSL证书,参考:http://www.cnblogs.com/yipu/p/3722135.html2、IIS7 / IIS 7.5 下绑定 HT…

日期: 2018/06/25 浏览次数:6

氛围独特情绪深沉的深色系网站,设计上有什么讲究?

在设计中,情绪的传达和氛围的营造通常是要看设计项目的目的是什么,而不同的配色和不同的元素组合…

日期: 2018/06/17 浏览次数:19

谷歌新出的这款 Material Theme Editor 神器,让你做设计又快又好!

本篇文章主要是详细介绍 Material Theme Editor 这款工具如何使用,让大家快速熟悉和了解 Google 的…

日期: 2018/06/12 浏览次数:19

谷歌所说的“整体网页设计”到底是什么概念?

Google 所提出的「整体网页设计」最近被越来越多地提起。对于设计师和开发者而言,它所涉及到的内…

日期: 2018/06/02 浏览次数:22

是时候让你的品牌LOGO也动起来了!

很多设计趋势的诞生,和技术本身的发展是分不开的。趋势和趋势之间的互相影响,也会不断催生出新的…

日期: 2018/06/02 浏览次数:18

如何优化操作流程,提升用户体验?

一、什么是操作流程?操作流程指的是用户为了达到某个目标所需要经历的操作和场景转换。举个生活中…

日期: 2018/05/28 浏览次数:23

百度图片搜索收录展现基础要求

一直有站长通过各种渠道向百度站长平台询问百度图片搜索收录排序的问题,为此我们专程采访了图片搜…

日期: 2018/05/28 浏览次数:24

好的搜索体验,就是好的用户体验

一. 前言搜索就像是用户与app或者网站之间的对话:用户通过提问表达信息需求,app或者网站通过展示…

日期: 2018/05/28 浏览次数:15