让外链图片也有highslide、fancybox查看图片特效(自动加上<a>标签)

    选择打赏方式



首先,这里使用的是Ueditor的编辑器,如果不是Ueditor的编辑器可以看我上篇文章换成Ueditor编辑器或者考虑右上角的红叉。。


前言:

1.为什么会有这篇文章呢...emm,因为emlog或者wordpress只有用上传图片才会再<img>标签前有<a>标签,而外链图片是不会有的,需要自己手打上去,如果有多张图片的话这样就很麻烦,于是这篇文章也就诞生了。。

2.如果不知道highslide的可以点击一下下面这个图片,没有highslide插件的可以网上下载安装。

3.在此由衷的感谢:http://sm.ms、新浪 两个免费的外链图床

让外链图片也有查看图片特效

1.修改Ueditor编辑器根目录下的“ueditor.all.js” JS文件

第11167行至11175行:

                str = '<img src="' + ci.src + '" ' + (ci._src ? ' _src="' + ci._src + '" ' : '') +
                    (ci.width ? 'width="' + ci.width + '" ' : '') +
                    (ci.height ? ' height="' + ci.height + '" ' : '') +
                    (ci['floatStyle'] == 'left' || ci['floatStyle'] == 'right' ? ' style="float:' + ci['floatStyle'] + ';"' : '') +
                    (ci.title && ci.title != "" ? ' title="' + ci.title + '"' : '') +
                    (ci.border && ci.border != "0" ? ' border="' + ci.border + '"' : '') +
                    (ci.alt && ci.alt != "" ? ' alt="' + ci.alt + '"' : '') +
                    (ci.hspace && ci.hspace != "0" ? ' hspace = "' + ci.hspace + '"' : '') +
                    (ci.vspace && ci.vspace != "0" ? ' vspace = "' + ci.vspace + '"' : '') + '/>';

修改为:

                str = '<a href="' + ci.src + '" ><img src="' + ci.src + '" ' + (ci._src ? ' _src="' + ci._src + '" ' : '') +
                    (ci.width ? 'width="' + ci.width + '" ' : '') +
                    (ci.height ? ' height="' + ci.height + '" ' : '') +
                    (ci['floatStyle'] == 'left' || ci['floatStyle'] == 'right' ? ' style="float:' + ci['floatStyle'] + ';"' : '') +
                    (ci.title && ci.title != "" ? ' title="' + ci.title + '"' : '') +
                    (ci.border && ci.border != "0" ? ' border="' + ci.border + '"' : '') +
                    (ci.alt && ci.alt != "" ? ' alt="' + ci.alt + '"' : '') +
                    (ci.hspace && ci.hspace != "0" ? ' hspace = "' + ci.hspace + '"' : '') +
                    (ci.vspace && ci.vspace != "0" ? ' vspace = "' + ci.vspace + '"' : '') + '/></a>';


PS:最好把“ueditor.all.js” 压缩一下,原大小有1.08MB,压缩后只有400KB左右,这样加载会更快也会更节省服务器资源。

JS在线压缩:http://tool.oschina.net/jscompress





版权声明:若无特殊注明,本文皆为《 Macro 》原创,转载请保留文章出处。
本文链接:让外链图片也有highslide、fancybox查看图片特效(自动加上<a>标签) https://blog.julym.com/original/178.html
百度收录情况: 百度已收录,详情
正文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

嘻嘻 大笑 可怜 吃惊 害羞 调皮 鄙视 示爱 大哭 开心 偷笑 嘘 奸笑 委屈 抱抱 愤怒 思考 日了狗 胜利 不高兴 阴险 乖 酷 滑稽

评论信息框

吃奶的力气提交吐槽中...

已有1条吐槽

匿名

2019-01-23 22:16 广西梧州市联通
face 好羞射,文章真的好赞啊,顶博主!
 Windows 10 x64   Google Chrome 71.0.3578.98