在线客服与您一对一交流
当前位置: 主页 > 行业新闻 > IT技术 >

百度Ueditor编辑器上传附件,附件图标地址修改

  使用百度编辑器上传附件后,附件的图标,引用的是绝对URL,一下子完整暴露了编辑器所在目录,甚至后台入口也完全暴露了:

 

  要解决这个问题,有两个方法:

  前提是要把ueditor\dialogs\attachment\fileTypeImages下面的图标都放到前台images\fileTypeImages目录下。

 

  方法二、修改编辑器的ueditor.all.min.js文件,这个文件的换行和空格都被删除,可读性很差。ctrl+f,找到这么一行代码,大概在548行:

 

  var k=a+("/"==a.substr(a.length-1)?"":"/")+"dialogs/attachment/fileTypeImages/"

  这个地址读取的是编辑器所在路径的绝对路径

 

  (非常不好!使用绝对路径会带来一个问题,如果未来网站换域名了,或者网站路径变了,所有正文中的附件图标都不能显示!),把它改成你的相对路径:

  var k="images/fileTypeImages/"
 

  方法一、在你的表单处理程序中替换掉这个地址。

  例如,你的后台目录名为admin,那么在你的表单处理程序中,增加下面一行:

  //处理百度编辑器上传附件类型图片路径暴露后台URL的BUG

  //该BUG是编辑器自身BUG

  $content=str_replace("admin/ueditor/dialogs/attachment/","images/",$content);

  这样再提交的数据,前台路径就完美了:

  http://你的域名/images/fileTypeImages/icon_rar.gif

  注意:

  1、images前面不要加/(加/表示根目录下),这是为了便于网站迁移,如果以后网站目录结构发生变化,而相对路径的地址可以适合任意目录结构。

  2、由于编辑器在后台,所以,在你后台目录下的images/fileTypeImages/里也放上附件的图标。否则在后台编辑器中看不到附件图标,那样影响小编的用户体验。如果你不介意,那就不放。

相关文章:

  • 在线HTML实体转字符串工具 #22235;在线HTML实体转汉字 HTML实体编码互转 https://uutool.cn/html2str/ http://www.toolzl.com/tools/htmlende.html...

  • 插件界面 插件功能 支持记录当天审核记录 支持可控时间段审核 支持可控栏目审核 支持审核后生成HTML,包括首页,栏目列表页,内容页 支持审核后推送到百度和熊掌 支持查看推送记录 使用...

  • display: table-cell table-cell属性让标签元素以表格单元格的形式呈现。兼容IE8+,会被以下CSS属性破坏: float position // 设置display: table-cell的元素对宽高敏感,margin无反应,响应padding 实现大小不固定...

  • Viewport viewport:可视窗口,也就是浏览器。 vw Viewport宽度, 1vw 等于viewport宽度的1% vh Viewport高度, 1vh 等于viewport高的的1% CSS3使用Calc calc()使用通用的数学运算规则,但是也提供更智能的功能:...

  • 1. (function(){}())与(function(){})() 这两种写法,都是一种 立即执行函数 的写法,即IIFE (Immediately Invoked Function Expression)。这种函数在函数定义的地方就直接执行了。 通常的函数声明和调用分开的写...

  • 浏览器缓存有时挺大的,修改网站后半天看不到效果,今天西安蟠龙小编总结几种清缓存看网站修改效果的方法 清缓存方法: 一、ctrl+f5 多刷新几次 二、用浏览器的无痕模式或者隐私模式 三...

  • window.location.origin(?前边的URL) 如果有端口号,含端口号 结果如下: http://www.it2168.com:8080 window.location.origin兼容问题 if (!window.location.origin) { window.location.origin = window.location.protocol + // + window.l...

  • matchHeight使所有选定元素的高度完全相等。 尽管这曾经是一个棘手的问题,但如今建议在可能的地方使用CSS Flexbox和CSS Grid,尽管该库对于旧版浏览器仍然有用。 特征 自动匹配元素组的高度 使...

  • 收集整理了一些Web前端开发比较成熟的第三方插件,分享给大家。 ******************************************************************************* 一、国外插件 ace 版本:1.2.3au 官网:https://github.com/ajaxorg/ace-bu...

  • 懒加载插件 new AnimOnScroll(document.getElementById(grid), { minDuration: 0.4, maxDuration: 0.7, viewportFactor: 0.2 }); /*AnimOnScroll.js*/ /** * animOnScroll.js v1.0.0 * http://www.codrops.com * * Licensed under the MIT license. * http://www.op...

  • 公司:西安蟠龙网络科技有限公司
  • 联系人:张经理
  • 手机/微信:187 2951 9978
  • Q Q: 136 8888 63 点击这里给我发消息
  • 地址:西安市雁塔区唐延南路11号逸翠园i都会
  • 在线HTML实体转字符串工具 四在线HTML实体转汉字

    在线HTML实体转字符串工具 #22235;在线HTML实体转汉字 HTML实体编码互转 https://uutool.cn/html2str/ http://www.toolzl.com/tools/htmlende.html...

  • 百度Ueditor编辑器上传附件,附件图标地址修改

    使用百度编辑器上传附件后,附件的图标,引用的是绝对URL,一下子完整暴露了编辑器所在目录,甚至后台入口也完全暴露了: 要解决这个问题,有两个方法: 前提是要把ueditor\dialogs\attachm...

  • 织梦dedecms定时审核生成插件

    插件界面 插件功能 支持记录当天审核记录 支持可控时间段审核 支持可控栏目审核 支持审核后生成HTML,包括首页,栏目列表页,内容页 支持审核后推送到百度和熊掌 支持查看推送记录 使用...

  • display: table-cell width: 1% hack

    display: table-cell table-cell属性让标签元素以表格单元格的形式呈现。兼容IE8+,会被以下CSS属性破坏: float position // 设置display: table-cell的元素对宽高敏感,margin无反应,响应padding 实现大小不固定...

  • CSS3 使用 calc() 计算宽度高度vw vh px

    Viewport viewport:可视窗口,也就是浏览器。 vw Viewport宽度, 1vw 等于viewport宽度的1% vh Viewport高度, 1vh 等于viewport高的的1% CSS3使用Calc calc()使用通用的数学运算规则,但是也提供更智能的功能:...

  • !function foo()、(function(){}())与(function(){})()

    1. (function(){}())与(function(){})() 这两种写法,都是一种 立即执行函数 的写法,即IIFE (Immediately Invoked Function Expression)。这种函数在函数定义的地方就直接执行了。 通常的函数声明和调用分开的写...