近日收到某网友邮件，说是使用了我的模板，询问怎样在文章内的图片上添加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标签。
好像没有成功……自己再研究下吧~
经过多次测试，发现只需要修改\zb_system\ADMIN\ueditor\dialogs\image 下的 image.js（按如上解决方法） ，然后一定要更新浏览器缓存（很重要），就能解决z_blog文件图片添加alt标签问题了。（注：用IE、搜狗浏览器测试成功，谷歌浏览器未清理缓存测试失败）。
网友评论（以下内容仅代表网友观点，与本站无关）原创文章请注明转载自光的传人博客本文地址：http://www.liu16.com/post/z-blog-add-alt.html，标题：z-blog为文章内图片添加ALT标签方法