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

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

—— 摘自《PbootCMS去除UEditor编辑器图片自动添加的title和alt属性的方法-代码号》
原文地址:https://www.ebingou.cn/dmh/14455.html

想了解更多关于PbootCMS去除UEditor编辑器图片自动添加的title和alt属性的方法的内容,关注我们!

评论 抢沙发
加载中~