加截中...

PbootCMS 去除 UEditor 编辑器图片自动添加的 title 和 alt 属性


一、问题阐述

PbootCMS 后台采用百度 UEditor 编辑器,该编辑器在上传图片时会自动添加 title 和 alt 属性,且属性值为源图的文件名。然而,PbootCMS 模板中图片上传后的 title 是一串日期数字名称,这无论是从 SEO 优化角度,还是从用户体验角度来看,都存在不足。因此,我们需要对其进行修改。

二、解决办法

我们的目标是将默认图片上传后仅保留 alt="" (一个空 alt 属性),然后通过手动编辑图片描述来实现 SEO 最佳效果。具体操作步骤如下:


  1. 修改 ueditor.all.min.js 文件

    • 打开 core/extend/ueditor/ueditor.all.min.js 文件,搜索 imageUrlPrefix ,找到以下代码行:

g.setAttribute("title",f.title||""),g.setAttribute("alt",f.original||"")


  • 将其修改为:

g.setAttribute("title",""),g.setAttribute("alt","")


  • 接着,找到以下代码行:

g.removeAttribute("id"),
  • 在这行代码后面添加:

g.removeAttribute("title"),


  1. 处理后台刷新
    为了在后台能够直接看到修改效果,需要给引入的 js 文件增加版本号 ?v=xxx 。当然,也可以通过清除浏览器缓存的方式来实现相同效果。

    • 打开 apps/admin/view/default/common/ueditor.html 文件,找到:

{CORE_DIR}/extend/ueditor/ueditor.all.min.js


  • 将其修改为:

{CORE_DIR}/extend/ueditor/ueditor.all.min.js?v=1




在线客服
服务热线

服务热线

13648088499

微信咨询
二维码
返回顶部