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标签。
好像没有成功……自己再研究下吧~
经过多次测试,发现只需要修改\zb_system\ADMIN\ueditor\dialogs\image 下的 image.js(按如上解决方法) ,然后一定要更新浏览器缓存(很重要),就能解决z_blog文件图片添加alt标签问题了。(注:用IE、搜狗浏览器测试成功,谷歌浏览器未清理缓存测试失败)。
扫描二维码推送至手机访问。
版权声明:本文由光的传人博客www.liu16.com发布,如需转载请注明出处。