当前位置：网站首页 > 编程网 > 正文

JSP引入ueditor解决视频回显 src链接丢失问题

yuyutoo 2024-10-12 01:13 5 浏览 0 评论

使用Ueditor 上传视频成功了预览也可以但在再次编辑回显内容准备修改时发现视频的小logo 不见了，用查看html发现src根本就没有值链接在保存的过程丢失了

工具/原料

myeclipse
ueditor

方法/步骤

这个问题困扰很久，上网查找发现也有遇到这一同一问题
ueditor 上传成功预览成功查看html 代码如下：
<p><video class="edui-upload-video vjs-default-skin video-js" controls="" preload="none" width="420" height="280" src="http://***/ueditor/jsp/upload/video/20170119/1484791682515095947.mp4" data-setup="{}"></video></p>
保存完返回回显再编辑时就会出现：
<p><video class="edui-upload-video vjs-default-skin video-js" controls="" preload="none" width="420" height="280" src data-setup="{}"></video></p>
可惜下面没有多少可解决问题的好方法

卡住了，只好乖乖的再去查看API 。
终于在 getContent()的方法中找到了点点踪迹；
getContent()获取到的是经过编辑器内置的过滤规则进行过滤后得到的内容。
因为说明在获取时，存在一个过滤的过程。关键在于这个过滤！

查看资料得知在ueditor.config.js 里存在白名单的设置。白名单里过滤掉了各种标签的属性。在重新编辑上传视频时，ueditor 会自动的将video转化为img

设置白名单。在配置文件ueditor.config.js 中，有默认过滤规则相关配置项目找到whitList的位置（365行左右）。配置video和img过滤的标签名单。
其他的过滤项目可以根据自己的需求添加修改。设置完后，清除浏览器缓存，查看效果。

如果设置白名单的方法没有效果，可以简单粗暴的将默认过滤机制去掉，在ueditor.all.js中，找到函数UE.plugins['defaultfilter'] = function () {...}（plugin 编辑器默认的过滤转换机制位于9967行左右）。
第一种在函数里添加return; 所有过滤机制失效。
第二种将case 'img' 部分的代码注释掉，不过滤img标签（再编辑时ueditor 会自动的将video转化为img）的情况。
如果引用的是 ueditor.all.min.js，需要对此做同样的修改。

设置完后，清除浏览器缓存，查看效果。打开html，路径存在！OK

END

注意事项

参考资料中放了些链接，希望对大家有用！不足之处请多多指教！

ueditor

上一篇：如何在Vue中使用Ueditor富文本编辑器，详情介绍如下
下一篇：百度UEDITOR可以如何直接复制WORD的图文内容到编辑器中?

相关推荐

YAML配置文件简介及使用（yaml 配置）: 简介YAML是"YAMLAin'taMarkupLanguage"（YAML不是一种标记语言）的缩写。相比JSON格式的方便。...

教你如何解决最常见的58种网络故障排除方法: 1.故障现象：网络适配器（网卡）设置与计算机资源有冲突。分析、排除：通过调整网卡资源中的IRQ和I/O值来避开与计算机其它资源的冲突。有些情况还需要通过设置主板的跳线来调整与其它资源的冲突。2.故障现...

一分钟带你了解服务器网卡（服务器网卡怎么用）: 今天小编和大家聊一下服务器的网卡。什么是网卡？简单说网卡就是计算机与局域网互连的设备。计算机主要通过网卡接入网络。网卡又称为网络适配器或网络接口卡NIC（NetworkinterfaceCard）...

linux文件之ssh配置文件的含义与作用: ssh远程登录命令是操作系统(包括linux和window系统)下常用的操作命令，可以帮助用户，远程登录服务器系统，查看，操作系统相关信息。linux系统对于ssh命令有专门保存其相关配置的目录和文件...

Cilium 官方文档翻译 - IPAM(二)Kubernetes Host模式: KubernetesHostScopeciliumIPAM的kuberneteshost-scope模式通过选项ipam:kubernetes开启，将集群IP地址分配委托给每个独立的节点，并...

域名劫持跳转，域名劫持跳转的解决办法只需5步: 简单来说，域名劫持就是把原本准备访问某网站的用户，在不知不觉中，劫持到仿冒的网站上，例如用户准备访问某家知名品牌的网上商店，黑客就可以通过域名劫持的手段，把其带到假的网上商店，同时收集用户的ID信息和...

Linux基本命令（linux基本命令总结）: ...

Linux 磁盘和文件系统管理（linux磁盘管理fdisk）: 1检测并确认新硬盘...

windows host文件怎么恢复?局域网访问全靠这些!: windowshost文件怎么恢复？windowshost文件是常用网址域名及其相应IP地址建立一个关联文件，通过这个host文件配置域名和IP的映射关系，以提高域名解析的速度，方便局域网用户使用...

Nginx配置文件详解与优化建议（nginx 配置详解）: 1、概述今天来详解一下Nginx的配置文件，以及给出一些配置建议，希望能对大家有所帮助。...

Mac电脑hosts文件锁定，如何修改hosts文件权限: 有时候我们需要修改hosts文件，但是网上很多教程都行不通，使用sudo命令也不行。其实有一个很简单的方法。打开终端命令行，使用如下命令即可：sudochflags-hvnoschg/etc/...

windows电脑如何修改hosts文件?（windows 修改hosts文件）: 先来简单说下电脑host的作用hosts文件的作用：hosts文件是一个用于储存计算机网络中各节点信息的计算机文件；作用是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”，当用户在浏览器中...

Vigilante恶意软件行为怪异:修改Hosts文件以阻止受害者访问盗版网站: Sophos刚刚报道了一款名叫Vigilante的恶意软件，但其行为却让许多受害者感到不解。与其它专注于偷密码、搞破坏、或勒索赎金的恶意软件不同，Vigilante会通过修改Hosts文件...

hosts文件无法修改几种现象和解决方法: 第一种、hosts文件修改完不是直接保存而是弹出另存为窗口解决：1、右击hosts文件——属性——把“只读”前面勾去掉。第二种、打开hosts文件时提示“你没有权限打开该文件，请向文件的所有者或管理员...

hosts文件位置在哪里,教你hosts文件位置在哪里: Hosts是一个没有扩展名的系统文件，其基本作用就是将一些常用的网址域名与其对应的IP地址建立一个关联"数据库",当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从Hosts文件中寻找对应的I...

取消回复欢迎你发表评论:

一周热门

最近发表

首页
收录
顶部