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),建议使用日期或数字以便后续维护。
优化后的效果
- 图片上传后,默认只带空的
alt属性,例如:<img src="example.jpg" alt=""> - 用户可以通过手动编辑图片描述,填写符合 SEO 要求的
alt属性内容。
注意事项
- 备份原始文件:在修改前,建议备份
ueditor.all.min.js和ueditor.html文件,以防修改出错时可以快速恢复。 - 兼容性测试:修改完成后,建议在不同浏览器中测试图片上传功能,确保修改生效且无异常。
- SEO 最佳实践:
- 空的
alt属性适用于装饰性图片(非重要内容)。 - 对于重要内容图片,建议手动填写描述性的
alt文本,以提升 SEO 效果和用户体验。
- 空的
通过以上步骤,你可以成功去掉 UEditor 自动添加的 title 和 alt 属性,并实现更灵活的图片管理方式。

更新时间:2025-12-06 17:49:00
上一篇:pbootcms模板首页如何某个指定的栏目名称和链接(PbootCMS模板首页调用指定栏目名称与链接的方法)
