解决百度ueditor富文本编辑器不能插入视频的问题/src掉链/src清空,不能显示视频

 

如果你嫌弃自己配置比较麻烦,出现各种奇奇怪怪的问题你下载我  这个文件  加入到你的项中, 

只  需要  修改 项目名称  就可以 运行  地址 https://download.csdn.net/download/qq_34787830/10363771

直接下载到的百度富文本编辑器当插入优酷/腾讯视频的时候会自动清掉src,不显示视频

    造成这样的原因是:

  百度富文本编辑器的过滤器xssFilter导致插入视频异常,编辑器在切换源码的过程中过滤掉img的_url属性(用来存储视频url)

 

解决办法:

1.

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

解决百度ueditor富文本编辑器不能插入视频的问题/src掉链/src清空,不能显示视频_第1张图片

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

解决百度ueditor富文本编辑器不能插入视频的问题/src掉链/src清空,不能显示视频_第2张图片

  增加的代码如下:(记得在在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富文本编辑器不能插入视频的问题/src掉链/src清空,不能显示视频)