光的传人

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标签

好像没有成功……自己再研究下吧~

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

网友评论(以下内容仅代表网友观点,与本站无关)
    2.谢谢  2017/9/5 19:56:23 回复
    谢谢光的传人
    1.群贤网  2017/9/3 16:50:24 回复
    这个还是很简单的

原创文章请注明转载自光的传人博客本文地址:http://www.liu16.com/post/z-blog-add-alt.html,标题:z-blog为文章内图片添加ALT标签方法

【我来说两句】
分享到:

评论 2

发表评论:

阿光验证码

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。