您现在的位置是:首页 > 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+WAP)绿色日志美文文学说说博客网站pbootcms模板除日志博客类网站外,通过替换图文内容可快速适配:心情日记分享平台、文学创作社区、朋友圈内容聚合站、美文鉴赏网站、读书笔记平台等应用场景。查看源码
  • (自适应多语言)WordPress开源主题MirageV资讯个人博客源码MirageV资讯类个人博客主题源码/WordPress主题/全开源MirageV 是一款开源的 WordPress 主题,支持自适应、暗黑模式、多语言等功能,查看源码
  • (PC+WAP)绿色环保设备环保企业网站模板源码下载基于PbootCMS内核开发的响应式企业模板,为环保设备制造、环境技术服务等企业打造,通过模块化设计实现多行业快速适配。查看源码
  • (自适应)蓝色英文外贸电子科技产品带三级栏目网站模板为外贸企业设计的英文网站模板,基于PbootCMS系统开发。突出多语言支持和国际化布局,三级栏目结构清晰展示产品分类,响应式设计确保更好客户在移动端和PC端获得一致的专业体验。查看源码
  • (自适应)科技产品设备技术作品pbootcms网站模板带下载和招聘基于PbootCMS内核开发的高端科技企业模板,采用响应式布局技术,适配各类移动终端设备。模板设计聚焦科技行业特性,通过模块化结构实现企业形象展示、技术成果发布与人才招募等核心需求查看源码
分享笔记 (共有 篇笔记)
验证码: