我的知识记录

在PbootCMS中，UEditor编辑器在上传图片时会自动添加title和alt属性，这些属性的值通常是图片的文件名，这在SEO和用户体验方面可能并不理想。为了优化这一点，你可以通过修改UEditor的JavaScript文件来去掉这些属性，或者只保留一个空的alt属性。以下是具体的操作步骤：

1. 修改UEditor的JavaScript文件：

   • 打开\core\extend\ueditor\ueditor.all.min.js文件。
   • 搜索imageUrlPrefix，找到以下代码：
     javascript

      

     g.setAttribute("title", f.title || ""), g.setAttribute("alt", f.original || "")
   • 将上述代码修改为：
     javascript

      

     g.setAttribute("title", ""), g.setAttribute("alt", "")
   • 这样可以确保图片上传后，title和alt属性都为空。

2. 移除多余的title属性：

   • 继续在\core\extend\ueditor\ueditor.all.min.js文件中找到以下代码：
     javascript

      

     g.removeAttribute("id"),
   • 在这段代码的后面添加：
     javascript

      

     g.removeAttribute("title"),
   • 这一步是为了确保title属性在任何情况下都不会被添加。

3. 更新JS文件版本号：

   • 打开\apps\admin\view\default\common\ueditor.html文件。
   • 找到以下代码：
     html

      

     {CORE_DIR}/extend/ueditor/ueditor.all.min.js
   • 修改为：
     html

      

     {CORE_DIR}/extend/ueditor/ueditor.all.min.js?v=1
   • 添加版本号可以确保后台刷新时能够直接看到修改后的效果。如果不方便修改版本号，也可以通过清除浏览器缓存来实现相同的效果。

通过以上步骤，你可以有效地去除UEditor编辑器在图片上传时自动添加的title和alt属性，或者只保留一个空的alt属性。这样不仅提升了SEO效果，也改善了用户体验。此外，定期检查和更新这些配置，可以确保网站始终处于最佳状态。