前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >百度编辑器UEditor上传视频的功能Bug

百度编辑器UEditor上传视频的功能Bug

作者头像
泥豆芽儿 MT
发布2019-07-08 18:03:12
6.6K0
发布2019-07-08 18:03:12
举报
文章被收录于专栏:木头编程 - moTzxx

☁ 背景介绍

  • 今天在网站后台的文章列表进行添加视频的测试操作时,发现上传后页面显示空白 然后通过网上资源查询和测试,在此做一下笔记,希望能帮到各位…

♘ 解决方案、分析

代码语言:javascript
复制
> 注意:
	测试的视频格式为 .mp4
	鄙人使用的 UEditor 版本为 【1.4.3.3 PHP版本(UTF-8版)】

☞ 第一种方案

  • 修改文件 ueditor.config.js,找到大概 365行 ,将 whitList 更改为 whiteList
  • 最后效果如下:
代码语言:javascript
复制
方案解释:
	鄙人认为,官方源码发布审核时,将单词 whiteList 误删了一个字母
	优点 —— 可解决上传资源为空和无法正常播放的问题
	缺点 —— 编辑器中无法预览播放(即时修改确定后也是可以哦),但是可以进行布局的修改

☞ 第二种方案

  • 修改文件 ueditor.all.js

①. 找到大概 17769行

代码语言:javascript
复制
	html.push(creatInsertStr( vi.url, vi.width || 420,  vi.height || 280, id + i, null, cl, 'image'));

更改为:

代码语言:javascript
复制
	html.push(creatInsertStr( vi.url, vi.width || 420,  vi.height || 280, id + i, null, cl, 'video'));

②. 找到大概 7343行,注释掉以下三行代码

代码语言:javascript
复制
	var root = UE.htmlparser(html);
    me.filterInputRule(root);
    html = root.toHtml();

③. 记得需要 更新缓存 才可生效

  • 最终效果如下:
代码语言:javascript
复制
方案解释:
	直接更改了部分第三方控件源码,网友经验就是丰富
	优点 —— 可解决上传资源为空和无法正常播放的问题,并且提供了预览功能
	缺点 —— 改动的代码多,在编辑器中操作时只能切换到左上角源码进行修改(调整宽高或者删除操作)
			如果是懂html的人操作还好,不适用于普通后台操作用户!

☞ 附录

  1. 百度编辑器UEditor不能插入视频的解决方法
  2. 修复百度编辑器插入视频的bug,可实时预览视频,可修改到支持手机查看视频
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019年07月04日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • ☁ 背景介绍
  • ♘ 解决方案、分析
    • ☞ 第一种方案
      • ☞ 第二种方案
        • ☞ 附录
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档