Discuz模板|Discuz插件|Discuz教程|Discuz素材免费下载

 找回密码
 立即注册

QQ登录

只需一步,快速开始

广告
温馨提示:本站所有DZ相关模板、插件、教程(包括DZ应用中心已下架插件、模板)所有用户可全部免费下载,无任何收费模式(不包括VIP版块非DZ资源,VIP版块需购买会员组方可下载),如本站没有您需要的插件或模板,请自行前往淘宝互站网送吗网等第三方站点搜索相关插件或模板进行低价格购买下载本站非常不建议用户浪费金钱前往DZ应用中心购买。

【实测】Discuz门户文章插入图片自动添加 alt 标签

[复制链接]
tuyuanma 发表于 2018-3-27 09:47:00 | 显示全部楼层 |阅读模式
温馨提醒:禁止内容附带广告图片、二维码图片,否则将在不通知情况下永久禁言账号!
欢迎加入兔源码站长交流群,您的加入是我们前行的动力!

DZ站长建站交流群:493651246

[ 温馨提示:点击上方群文字,可快速加入QQ群 ]


最近用 Discuz 搭建了个网站——儿童安全座椅网(www.bbseat.com.cn),用到了门户功能,不得不说Discuz 的功能还是非常强大的,但在使用过程中发现在发表文章时添加了图片却不能像 WordPress 这样自动添加 alt 标签,经过一番研究,初步解决了这个问题,目前还没有 Bug,等待长时间验证,方法如下:
; c, m+ m  v: a8 @; X4 W在实施本方法之前请先备份网站数据,以防不测;这次修改需要修改两个文件,分别是:- ~3 D! [9 @' R: P. C* E
4 j& [" }7 O/ u/ L9 d8 c
static/image/editor/editor_function.js
3 o* J: s' ~8 B! [+ W7 S5 a6 Jtemplate/default/home/spacecp_blog.htm: B3 G/ s+ f- B) I
同时增加一个文件为:6 _2 b$ G% Z7 L/ z  w( ]
- i, K9 R* e+ e
static/image/editor/editor_function.js–复制一份,重命名为:bgeditor_function.js2 a. X7 N6 h0 F# ]( ]

/ Q3 x9 U  F4 B4 @0 R7 i, h下面开始修改:editor_function.js+ I7 b5 ~/ Q. s; ^& J- u

! ?5 {- X: n+ L- j查找代码:
  1. function insertImage(image, url, width, height) {
    3 a/ u- b; ]# O2 R- d/ K: `5 J- P
  2.     url = typeof url == 'undefined' || url === null ? image : url;& T9 l. P# A5 ?! ^
  3.     width = typeof width == 'undefined' || width === null ? 0 : parseInt(width);( e7 @3 p+ A. M6 t8 g- R
  4.     height = typeof height == 'undefined' || height === null ? 0 : parseInt(height);$ q& F7 G: K0 l1 r
  5.     var html = '<p><a href="' + url + '" target="_blank"><img src="'+image+'"'+(width?' width="'+width+'"':'')+(height?' height="'+height+'"':'')+'></a></p>';
    4 E, ]! w, R* O0 q
  6.     edit_insert(html);
    * |0 c, h1 {9 N. Q9 m- C
  7. }
复制代码
修改为:
  1. function insertImage(image, url, width, height, subject) {
    ' G7 m7 u$ p! E  s2 {3 ^! Q
  2.     url = typeof url == 'undefined' || url === null ? image : url;
    " z6 p; X% {5 H
  3.     width = typeof width == 'undefined' || width === null ? 0 : parseInt(width);
    0 L1 h+ J* u% L% ^  i" i2 h+ M
  4.     height = typeof height == 'undefined' || height === null ? 0 : parseInt(height);( ?3 w  d; [/ W9 S. {. s' A
  5.     subject = $('title').value;
      Z7 {( x! p8 C' O8 k/ E1 ?
  6.     var html = '<p><a href="' + url + '" target="_blank"><img alt="'+subject+'" src="'+image+'"'+(width?' width="'+width+'"':'')+(height?' height="'+height+'"':'')+'></a></p>';% F3 B) y" t- q
  7.     edit_insert(html);
    5 ~# c9 F0 g/ p& ?5 o1 h- d
  8. }
复制代码
再修改刚刚建立的bgeditor_function.js
0 ]6 \, m& m8 s5 `# g) n
- d5 l9 P6 T5 m+ |/ R8 X同样查找代码:
  1. function insertImage(image, url, width, height) {. k4 i5 v2 b* L0 V% I
  2.     url = typeof url == 'undefined' || url === null ? image : url;+ l; O% Q* p9 [7 Z
  3.     width = typeof width == 'undefined' || width === null ? 0 : parseInt(width);! \  d( Y; t/ i0 P4 C
  4.     height = typeof height == 'undefined' || height === null ? 0 : parseInt(height);3 R# W& ?4 Y. ^& X8 u
  5.     var html = '<p><a href="' + url + '" target="_blank"><img src="'+image+'"'+(width?' width="'+width+'"':'')+(height?' height="'+height+'"':'')+'></a></p>';- F" h& H7 H- ~' c- R/ Q& A
  6.     edit_insert(html);6 w# v3 p% ^: v% K+ L9 g! p
  7. }
复制代码
修改为:
  1. function insertImage(image, url, width, height, subject) {3 g% I( b/ m+ P2 Y
  2.     url = typeof url == 'undefined' || url === null ? image : url;8 D+ i3 Z+ H. N6 d* F& l( H  Y) ]- p
  3.     width = typeof width == 'undefined' || width === null ? 0 : parseInt(width);5 S$ B; k3 U6 ~8 G" @4 a
  4.     height = typeof height == 'undefined' || height === null ? 0 : parseInt(height);% U+ r* C: B: X3 K9 a, l* j' F
  5.     var html = '<p><a href="' + url + '" target="_blank"><img alt="'+subject+'" src="'+image+'"'+(width?' width="'+width+'"':'')+(height?' height="'+height+'"':'')+'></a></p>';
    4 k! _* I3 z! [+ Y0 A: e
  6.     edit_insert(html);
    / o5 p" O" e( x" z! C
  7. }
复制代码
再编辑:template/default/home/spacecp_blog.htm4 \  _8 ~9 X9 b) t: x- w/ K' ?
  t& y. E% x% {  {% D! i/ R$ N
查找:editor_function.js' h. n  C# l" N. `$ E5 W2 e
& L3 ^! ^" o) y
替换为:bgeditor_function.js' }/ {; G9 N3 |, e' ~
1 a4 B4 C7 r8 F2 j+ k  v
编辑完毕保存,把文件上传到原来位置,增加的bgeditor_function.js与editor_function.js一块放在同一目录。后台发布一片文章,输入文章标题,上传图片,进入源代码模式,看看图片是不是有了 alt 标签?!

版权声明
1、转摘或引用本站内容资源须注明原网址,并标明本站网址(兔源码www.tuyuanma.com);
2、对于转摘或引用本站内容资源而引起的民事纠纷、行政处罚或其他损失,本站不承担责任;
3、对于不遵守本声明或其他违法、恶意使用本站内容者,本站保留其追究法律责任的权利。




自动排版 | 高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

广告
493651246站长邮箱:tuyuanma@qq.com 站长QQ:3197813386

© 2001-2013 本站内容皆来自互联网及用户分享,如需删除请提供软著或商标证书。

快速回复 返回顶部 返回列表