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

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

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

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

工具/原料

  • myeclipse浏览器

  • ueditor缓存

方法/步骤

  1. 这个问题困扰好久  ,上网查找 发现也有遇到这一同一问题eclipse

    ueditor 上传成功  预览成功 查看html 代码以下:jsp

    <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>编辑器

    保存完 返回 回显再编辑时  就会出现:ide

    <p><video class="edui-upload-video  vjs-default-skin video-js" controls="" preload="none" width="420" height="280" src data-setup="{}"></video></p>函数

    惋惜 下面没有多少可解决问题的好方法工具

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

  2. 卡住了,只好乖乖的再去查看API 。ui

    终于在 getContent()的方法中找到了点点踪影;

    getContent()获取到的是通过编辑器内置的过滤规则进行过滤后获得的内容。

    由于说明 在获取时,存在一个过滤的过程。 关键在于这个过滤!

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

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

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

  4. 设置白名单。在配置文件ueditor.config.js 中,有默认过滤规则相关配置项目 找到whitList的位置(365行左右)。配置video和img过滤的标签名单。

    其余的过滤项目能够根据本身的需求添加修改。设置完后,清除浏览器缓存 ,查看效果。

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

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

  5. 若是设置白名单的方法没有效果,能够简单粗暴的将默认过滤机制去掉,在ueditor.all.js中,找到函数UE.plugins['defaultfilter'] = function () {...}(plugin 编辑器默认的过滤转换机制   位于9967行左右)。

    第一种  在函数里添加return; 全部过滤机制失效。

    第二种 将case 'img' 部分的代码注释掉,不过滤img标签(再编辑时ueditor 会自动的将video转化为img)的状况。

    若是引用的是 ueditor.all.min.js,须要对此作一样的修改。

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

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

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

  6. 设置完后,清除浏览器缓存 ,查看效果。打开html,路径存在!OK

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

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

    END

注意事项

  • 参考资料中放了些连接,但愿对你们有用!不足之处请多多指教!

 

转自百度经验 https://jingyan.baidu.com/article/39810a23ad0bcbb636fda621.html

相关文章
相关标签/搜索