我用百度富文本插入网络视频,插入后不能播放,如何解决?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我用百度富文本插入网络视频,插入后不能播放,如何解决?相关的知识,希望对你有一定的参考价值。

我的操作步骤:
1.点击插入视频按钮-》在弹出窗口粘贴视频URL,在视频预览窗口中可以预览到视频;
2.点击“确定”,在文本编辑器中能看到视频框;
3.提交表单后,预览页面,什么都看不到,连视频框都没有。
4.查看数据库里竟然什么信息都没有
5.重复1、2步骤,点开html源码查看 文本编辑框中也没有任何视频标签

修改配置文件:ueditor.config.js,添加xss过滤白名单

embed:  ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play','loop', 'menu', 'allowscriptaccess', 'allowfullscreen'],

参考技术A 是不是被百度编辑器过滤了,试试配置一下看看数据库中还有没有内容追问

在哪里配置呀~?
我看到还有人说是在存入数据库的时候被过滤掉的~
那个应该在哪里配置呀~

追答

config.js里面配置,不过滤的标签增加就好了

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

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

 

注意:通过以上两步后,可能出现的新问题是,前端页面不解析<iframe>标签,而是将其原样输出:

 

解决方法:用html_entity_decode()函数HTML实体转换为字符,该函数为php函数。

假设$string为从数据库中取出的编辑器存入的内容:经html_entity_decode($string)后,再输出到前端页面

 

总结:非常奇怪,不知啥原因,输入embed标签插入视频没问题;输入<iframe>标签时,数据库中的数据竟然是将  <> 转义过的,成了&lt; 和 &gt; 并且好像只有iframe这一个标签是这样的,所以前端页面必须用html_entity_decode()转换再输出。

以上是关于我用百度富文本插入网络视频,插入后不能播放,如何解决?的主要内容,如果未能解决你的问题,请参考以下文章

Simditor 富文本编辑器多选图片上传视频连接插入

在富文本框中定位列表框

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

百度ueditor富文本编辑器上传视频设置封面和禁止视频全屏下载功能

php如何引入百度Ueditor富文本编辑器

RN(移动端)编辑文章插入图片 的 简单富文本