解决百度ueditor富文本编辑器不能插入视频的问题/src掉链/src清空,不能显示视频
2017-07-13 20:56
1161 查看
1.
直接下载到的百度富文本编辑器当插入优酷/腾讯视频的时候会自动清掉src,不显示视频
造成这样的原因是:
百度富文本编辑器的过滤器xssFilter导致插入视频异常,编辑器在切换源码的过程中过滤掉img的_url属性(用来存储视频url)
解决办法:
1.
1、在配置文件ueditor.config.js中,定位 //xss过滤白名单,即,whitList:{ },对 img: 增加 “_url” 属性:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201707/a5c6c48df5049dd5f1c4b0a7641e3831.png)
2、在下面的 video 标签后面新增3给标签,使Ueditor分别能支持embed标签和iframe标签:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201707/fa210663c2f07d0e7adafa41103ef720.png)
增加的代码如下:(记得在在video这行的最后加上逗号,不然会报错)
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']
直接下载到的百度富文本编辑器当插入优酷/腾讯视频的时候会自动清掉src,不显示视频
造成这样的原因是:
百度富文本编辑器的过滤器xssFilter导致插入视频异常,编辑器在切换源码的过程中过滤掉img的_url属性(用来存储视频url)
解决办法:
1.
1、在配置文件ueditor.config.js中,定位 //xss过滤白名单,即,whitList:{ },对 img: 增加 “_url” 属性:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201707/a5c6c48df5049dd5f1c4b0a7641e3831.png)
2、在下面的 video 标签后面新增3给标签,使Ueditor分别能支持embed标签和iframe标签:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201707/fa210663c2f07d0e7adafa41103ef720.png)
增加的代码如下:(记得在在video这行的最后加上逗号,不然会报错)
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']
相关文章推荐
- 解决百度富文本编辑器 UEditor 插入视频后没有路径的问题
- 百度富文本编辑器 UEditor 1.4.3 插入视频后路径被清空问题
- 【ASP.NET】10.解决百度富文本编辑器UEditor本地上传图片正常,放到服务器上以后图片上传按钮变灰不能点击的问题
- 解决百度富文本编辑不能上传视频成功但是在IE浏览器不能播放、显示的问题、解决浏览器不支持video标签
- UEditor插入视频、图片显示问题解决
- 解决百度Ueditor编辑器表格不显示边框问题
- 百度UEditor粘贴或插入的表格不显示边框的解决办法
- 百度ueditor 视频编辑问题以及图片跟视频居中报错问题解决
- 百度ueditor 视频编辑问题以及图片跟视频居中报错问题解决
- 幻灯片中插入视频不能正常播放的问题解决
- jain-sip-applet-phone与GrandStream V3005 IP电话不能正常视频通话的问题解决方法(IP电话一直显示“对方保持”/“呼叫”)
- 解决word插入(粘贴)图片不能显示的问题
- 齐博门户网站:解决百度ueditor支持iframe框架页面的视频播放问题
- 百度ueditor富文本编辑器插入html代码问题
- 解决百度富文本编辑器无法上传视频的问题
- 解决不能向mysql插入中文或乱码显示问题
- 百度UEditor粘贴或插入的表格不显示边框的解决办法
- 百度ueditor图片上传不能正确显示的问题
- 解决ueditor百度富文本编辑器图片可以上传但是在线管理图片无法显示
- django下video播放时间不能超过5s并且视频有时无法显示问题的解决方法