您现在的位置是:首页 > cms教程 > PbootCMS教程PbootCMS教程

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

盛枫瑾2025-04-02PbootCMS教程已有人查阅

导读在PbootCMS中,UEditor编辑器在上传图片时会自动添加title和alt属性,这些属性的值通常是图片的文件名,这在SEO和用户体验方面可能并不理想。为了优化这一点

在PbootCMS中,UEditor编辑器在上传图片时会自动添加title和alt属性,这些属性的值通常是图片的文件名,这在SEO和用户体验方面可能并不理想。为了优化这一点,你可以通过修改UEditor的JavaScript文件来去掉这些属性,或者只保留一个空的alt属性。以下是具体的操作步骤:
修改UEditor的JavaScript文件:
打开\core\extend\ueditor\ueditor.all.min.js文件。
搜索imageUrlPrefix,找到以下代码:
g.setAttribute("title", f.title || ""), g.setAttribute("alt", f.original || "")
将上述代码修改为:
g.setAttribute("title", ""), g.setAttribute("alt", "")
这样可以确保图片上传后,title和alt属性都为空。
移除多余的title属性:
继续在\core\extend\ueditor\ueditor.all.min.js文件中找到以下代码:
g.removeAttribute("id"),
在这段代码的后面添加:
g.removeAttribute("title"),
这一步是为了确保title属性在任何情况下都不会被添加。
更新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
添加版本号可以确保后台刷新时能够直接看到修改后的效果。如果不方便修改版本号,也可以通过清除浏览器缓存来实现相同的效果。

本文标签:

很赞哦! ()

相关源码

  • pbootcms源码宠物类网站源码下载(自适应多端)为宠物装备商店、宠物食品及用品企业打造的营销型模板,基于PbootCMS内核深度开发。采用响应式设计实现PC与移动端适配,PHP7.0+高性能架构支持MySQL/SQLite双数据库查看源码
  • 自适应容器设备机械行业通用pbootcms网站模板本模板是一款基于PbootCMS开源内核深度开发,为容器制造、容器设备、压力容器及相关行业量身打造的高品质响应式企业网站模板。查看源码
  • (自适应)餐具英文外贸生活用品带下载功能网站模板免费下载为餐具及生活用品外贸企业打造的响应式网站模板,基于PbootCMS内核开发。突出产品展示与多语言支持特性,通过自适应设计确保更好客户在手机、平板、电脑等设备上获得一致浏览体验。查看源码
  • WordPress主题模板JustNews资讯博客类源码V5.2.2JustNews主题针对博客创作、自媒体运营及资讯发布类网站的需求而设计,提供专业的内容展示与管理方案。该主题集成前端用户中心功能,支持用户在前端界面发布和投稿文章,操作流程简洁高效。查看源码
  • (PC+WAP)高端餐饮美食小吃加盟网站模板下载pbootcms本模板基于PbootCMS内核开发,为餐饮美食品牌加盟、小吃连锁企业量身打造。通过精致的美食视觉呈现与加盟业务流程展示,帮助餐饮企业建立专业线上门户,实现品牌形象与加盟业务的双重展示。查看源码
  • (自适应响应式)双语LED照明灯饰灯具外贸网站pbootcms源码下载模板采用响应式设计,能自动适应手机、平板和电脑等多种设备屏幕,确保用户在不同设备上都能获得良好的浏览体验。同一后台管理,数据实时同步,操作简便高效。查看源码
分享笔记 (共有 篇笔记)
验证码: