z-blog系统为文章内图片添加ALT标签方法

近日收到某网友邮件,说是使用了我的模板,询问怎样在文章内的图片上添加alt标签。我简单看了下,发现之前的我写的文章图片的描述都加在了图片的title标签,而文章里上传的图片根本没有alt标签!!!这要是靠人工在html模式下一个个添加就费事了。

仔细思考了下,文章内图片alt标签应该不是模板里面设置的,因为z-blog的文章内容都写在了数据库里,而调用文章内容在模板文件中就一个标签<#article/content#>搞定,所以alt标签应该是在写文章内容的时候就没有加到数据库里,原因嘛,应该是z-blog系统文件或者编辑器文件控制的,所以要想解决z-blog图片添加alt标签问题,就得修改z-blog的系统文件,而不是模板文件。

本来想自己看看能不能解决呢,搜了一下,已经有技术大牛解决过这个问题:https://www.talklee.com/blog/74.html(经测试,不是最终解决方法,详见文章最后)。

以下为转载内容以及测试是否成功。

给Z-Blog图片增加ALT标签教程:

第一步打开目录\zb_system\ADMIN\ueditor 下的ueditor.all.js 找到 10290 行的代码:

(ci.alt && ci.alt != “” ? ‘ alt=”‘ + ci.alt + ‘”‘ : ”) +

修改成

(ci.title != “” ? ‘ alt=”‘ + ci.title + ‘”‘ : ”) +

第二步找到 10305 行的代码:

(ci.title ? ‘ title=”‘ + ci.title + ‘”‘ : ”) +

修改成

(ci.title || ci.alt ? ‘ title=”‘ + ci.title + ‘” alt=”‘ + ci.title + ‘”‘ : ”) +

然后打开目录\zb_system\ADMIN\ueditor\dialogs\image 下的 image.js 找到 280 行的代码:

tmpObj.title = ci.title;

在下面添加一行代码:

tmpObj.alt = ci.title;

加个图片看看是否自动添加alt标签。

z-blog系统为文章内图片添加ALT标签方法-1
好像没有成功……自己再研究下吧~

经过多次测试,发现只需要修改\zb_system\ADMIN\ueditor\dialogs\image 下的 image.js(按如上解决方法) ,然后一定要更新浏览器缓存(很重要) ,就能解决z_blog文件图片添加alt标签问题了。(注:用IE、搜狗浏览器测试成功,谷歌浏览器未清理缓存测试失败)。

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2466060800@qq.com 举报,一经查实,本站将立刻删除。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注