您现在的位置是:首页 > 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(自适应手机端)智能电话AI机器人网站模板产品概述基于PbootCMS内核开发的智能电话AI机器人网站模板,为语音交互服务场景设计,采用HTML5+CSS3响应式布局技术,实现PC端与移动端数据实时同步展示。模板适用于智能电话查看源码
  • (自适应)中英文双语外贸扬声器音响喇叭话筒网站模板免费下载为音响设备外贸企业设计的中英文双语网站模板,基于PbootCMS内核开发。适配扬声器系统、音频设备等产品的国际化展示需求查看源码
  • 自适应新闻资讯技术博客个人网站pbootcms模板该模板基于PbootCMS开源内核深度开发,该模板适用于游戏新闻网站、游戏博客等企业或个人网站,新闻资讯技术博客pbootcms模板;采用六级分辨率断点适配技术查看源码
  • 帝国CMS中小学生知识点试题练习题考试源码下载基于帝国CMS后台管理系统,支持在线修改联系信息、网站参数等配置,操作流程简洁明了。专注于中小学教育领域,集成知识点总结、试题练习、考试资讯等学习资源,为师生提供全面的在线学习支持与服务。查看源码
  • pbootcms模板(自适应)花店鲜花花卉园艺网站源码一款基于PbootCMS内核开发的花店鲜花配送与花卉园艺企业网站模板。该模板采用响应式设计,自动适配手机、平板等移动设备,确保用户在任何设备上都能获得优质浏览体验。查看源码
  • 帝国cms7.5模板生活常识美食女性时尚综合资讯门户源码本模板为帝国cms7.5生活资讯类网站设计,以天奇生活网为参考原型,涵盖生活常识、美食烹饪、女性时尚等多元化内容板块。采用响应式布局设计,适配各种终端设备,为访客提供优质的阅读体验。模板结构清晰合理,内容展示层次分明,符合生活类网站的用户需求。查看源码
分享笔记 (共有 篇笔记)
验证码: