1、上传视频显示空白
修复方法:
修改ueditor.all.js文件
17769行,找到
html.push(creatInsertStr( vi.url, vi.width || 420, vi.height || 280, id + i, null, cl, 'image'));
修改为:
html.push(creatInsertStr( vi.url, vi.width || 420, vi.height || 280, id + i, null, cl, 'video'));
7343,7344,7346行,找到以下三行注释掉代码:
var root = UE.htmlparser(html);
me.filterInputRule(root);
html = root.toHtml();
2、只上传视频,保存不了数据,保存之后编辑器为空
点击保存之后,发现视频不见了。注意一下编辑器已输入的字符为0
修复方法:
修改ueditor.all.js文件,找到“creatInsertStr”方法的case ‘video’:
图中位置添加一个隐藏标签,用“.”作为一个占位符,这样就能保存了
<span style="display:none;">.</span>
3、不能编辑和删除
问题:退位键删除不了视频,不能再次获取鼠标光标,不能编辑及换行
修复方法:
修改ueditor.all.js文件,找到“creatInsertStr”方法的case ‘video’:(问题2那个地方后面添加一个换行标签即可)
还有一种情况,视频播放时空白,但有声音没图像。
原因 : video标签不支持视频的编码格式
注: 此处所说的编码格式不是指文件后缀 mp4 , RMVB , avi等 , 同一种后缀视频也会有不同编码格式
关于标签所支持的视频格式和编码:
MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器
4、修复不能插入百度动态地图问题
打开编辑器文件“ueditor.all.js”按以下修改
找到代码:
table.setAttribute("data-sort", cmd == "enablesort" ? "sortEnabled" : "sortDisabled")
在这行代码下面加一行:
table.setAttribute("style", "border-collapse:collapse;");
找到代码:
return '<table><tbody>' + html.join('') + '</tbody></table>'
修改为:
return '<table style="border-collapse:collapse;"><tbody>' + html.join('') + '</tbody></table>'
打开编辑器配置文件“ueditor.config.js”,在whitList白名单添加
iframe: ['frameborder','border','marginwidth','marginheight','width','height','src','id'],//动态地图
5、有序列表显示问题
选择这些是没效果是吧
看一下图片路径是不存在的了,所以要把图标本地化
下载ueditor-list:
我把它放到编辑器的themes目录吧
搜索ueditor目录下的listiconpath,地址指向ueditor-list目录
再查找以下代码:
domUtils.setStyle(list, 'list-style-type', style);
替换为:
if (style === 'circle' || style === 'disc' || style === 'square' || style === 'decimal' || style === 'lower-alpha' || style === 'lower-roman' || style === 'upper-alpha' || style === 'upper-roman') {
domUtils.setStyle(list, 'list-style-type', style);
}
如图:
完成。
6、上传视频播放显示没有封面问题 add by 2022.08.31
修复方法:
修改ueditor.all.js文件
把preload="none"改为preload=“meta”
这是使用视频中的内容作为封面,但不能自定义选帧数作为封面
现在PC端查看是能读取视频中内容作为封面了,但h5手机端还是没封面,可以再添加一个默认视频封面图参数:
poster="xxx.jpg"
注意:不要填写编辑器所在路径,防止暴露编辑器路径,通过编辑器的漏洞入侵网站
修改ueditor.config.js文件,xss过滤白名单,视频配置添加参数“poster”
完成。