我的知识记录

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

掉 PbootCMS 后台 UEditor 编辑器上传图片时自动添加的 title 和 alt 属性,并改造为默认只带空 alt 属性的操作步骤总结:


操作步骤

1. 修改 UEditor 的核心代码

  • 打开文件路径:\core\extend\ueditor\ueditor.all.min.js
  • 搜索关键词:imageUrlPrefix
修改点 1:设置 title 和 alt 属性为空

找到以下代码:

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

将其修改为:

 
g.setAttribute("title",""),g.setAttribute("alt","")
修改点 2:移除 title 属性

继续搜索以下代码:

 
 
g.removeAttribute("id"),

在其后添加一行代码:

 
 
g.removeAttribute("title"),

2. 增加 JS 文件版本号

为了确保后台刷新后能看到修改效果,需对引入的 JS 文件增加版本号。

  • 打开文件路径:\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

注意

  • 如果不想修改版本号,也可以通过清除浏览器缓存的方式达到相同效果。
  • 版本号可以是任意值(如 ?v=20231015),建议使用日期或数字以便后续维护。

优化后的效果

  1. 图片上传后,默认只带空的 alt 属性,例如:
     
     
    <img src="example.jpg" alt="">
  2. 用户可以通过手动编辑图片描述,填写符合 SEO 要求的 alt 属性内容。

注意事项

  1. 备份原始文件:在修改前,建议备份 ueditor.all.min.js 和 ueditor.html 文件,以防修改出错时可以快速恢复。
  2. 兼容性测试:修改完成后,建议在不同浏览器中测试图片上传功能,确保修改生效且无异常。
  3. SEO 最佳实践
    • 空的 alt 属性适用于装饰性图片(非重要内容)。
    • 对于重要内容图片,建议手动填写描述性的 alt 文本,以提升 SEO 效果和用户体验。

通过以上步骤,你可以成功去掉 UEditor 自动添加的 title 和 alt 属性,并实现更灵活的图片管理方式。

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

标签:

更新时间:2025-12-06 17:49:00

上一篇:pbootcms模板首页如何某个指定的栏目名称和链接(PbootCMS模板首页调用指定栏目名称与链接的方法)

下一篇:PbootCMS模版制作:当天发布的文章显示红色的方法