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



首先,这里使用的是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