您现在的位置是:首页 > 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
添加版本号可以确保后台刷新时能够直接看到修改后的效果。如果不方便修改版本号,也可以通过清除浏览器缓存来实现相同的效果。

本文标签:

很赞哦! ()

相关源码

  • (自适应响应式)HTML5幕墙装饰工程建筑装修公司pbootcms模板下载基于PbootCMS开发的响应式模板,为幕墙工程、建筑装饰企业设计,通过数字化展示提升企业专业形象与项目展示能力。结构化数据标记增强项目案例收录,智能URL路由优化,支持每个工程案例独立设置关键词与描述查看源码
  • (自适应)电子元件电路板元器件pbootcms网站源码下载为电子元器件、电路板制造类企业设计,特别适合展示产品参数、技术规格等内容。采用响应式技术,确保各类电子元件在不同设备上都能清晰展示。查看源码
  • (自适应)绿色农业机械设备农场网站源码下载为现代农业机械领域打造的响应式网站模板,采用PbootCMS内核开发,数据实时同步后台管理。通过简洁大气的视觉设计,有效展示农机产品技术参数与应用场景,帮助客户快速建立专业数字化形象。查看源码
  • 自适应黑色建筑装饰设计公司个人工作室pbootcms模板基于PbootCMS内核开发的黑金风格模板,为建筑装饰、工程设计类企业打造,采用‌开源架构‌,支持跨行业快速适配,核心优势如下: 查看源码
  • 响应式艺考培训学校机构pbootcms模板html5源码基于PbootCMS免费开源内核开发,为艺考培训学校与艺术机构设计,替换图文即可快速适配全行业需求。响应式布局兼容手机/PC端,数据实时同步,运维效率提升300%。查看源码
  • (自适应)大型农业机械设备水稻玉米收割机网站pbootcms源码下载本模板基于PbootCMS内核开发,为农业机械设备制造与销售企业设计,特别适合水稻玉米收割机、拖拉机、播种机等农用机械展示。模板充分考虑了农机行业的特性,从产品展示到技术参数,从作业案例到售后服务查看源码
分享笔记 (共有 篇笔记)
验证码: