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



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


前言:

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

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

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

标签) alt=让外链图片也有highslide、fancybox查看图片特效(自动加上标签) data-src="https://cdn.ncii.cn/picbase/imgs/2021/10/4b5050d3aa5d03e8.png" data-lazy="true" src="https://cdn.ncii.cn/project/wordpress-theme-puock-2.6.4//assets/img/z/load-tip.png" width="200" height="130" title="让外链图片也有查看图片特效" alt="让外链图片也有查看图片特效"/>

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

Swaggy Macro
版权声明:本站原创文章,由 Swaggy Macro 2019-01-23发表,共计2653字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(一条评论)
验证码
载入中...
匿名 评论达人 LV.1
2019-01-23 22:16:38 回复

[blockquote][F1] 好羞射,文章真的好赞啊,顶博主![/blockquote]