当前位置:首页 > 代码类 > DEDE修改Ueditor代码实现自动给图片插入超链接

DEDE修改Ueditor代码实现自动给图片插入超链接

九天狼8年前 (2016-04-16)代码类2821

     为什么要给图片加入超链接呢?因为现在有那lightbox的插件,点击图片会在本页弹出图片查看,效果不错,但是必须要图片有本身的超链接才可以,因此才想要在自动上传的时候让编辑器自动添加这个功能。

    因为别的编辑器代码不太好查找,而且现在百度的这个Ueditor用的人也越来越多了,主要是这个代码都有明确的注释,比较容易修改,因此选择这个编辑器。

    具体修改方法也很简单,打开Ueditor目录下的ueditor.all.js文件,我的是完全版的,可以在11119行,看到如下的代码,直接替换到11147行成如下代码即可。


        } else {
            var html = [], str = '', ci;
            ci = opt[0];
            if (opt.length == 1) {
                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>';
                if (ci['floatStyle'] == 'center') {
                    str = '<p style="text-align: center">' + str + '</p>';
                }
                html.push(str);

            } else {
                for (var i = 0; ci = opt[i++];) {
                    str = '<p ' + (ci['floatStyle'] == 'center' ? 'style="text-align: center" ' : '') + '><a href="' + ci.src + '"><img src="' + ci.src + '" ' +
                        (ci.width ? 'width="' + ci.width + '" ' : '') + (ci._src ? ' _src="' + ci._src + '" ' : '') +
                        (ci.height ? ' height="' + ci.height + '" ' : '') +
                        ' style="' + (ci['floatStyle'] && ci['floatStyle'] != 'center' ? 'float:' + ci['floatStyle'] + ';' : '') +
                        (ci.border || '') + '" ' +
                        (ci.title ? ' title="' + ci.title + '"' : '') + ' /></a></p>';
                    html.push(str);
                }
            }


当然,如果你想自动动手的话,也是可以的,那就是在img标签前边加上a href标签即可,当然,别忘了在img标签后边加上a标签的封闭代码。

直接上传覆盖原代码即可。


说明:

以上的修改仅在使用批量上传的时候有效果,当然批量上传你即使上传一张图片也是可以的。在单张上传时不可以,因为没查找真实的单张上传的代码,因此我的选择是取消掉单张上传的按钮。

打开ueditor.config.js文件,删除这个按钮:'simpleupload',的代码就可以了,它在第44行第1个。


至于,如果添加lightbox,下次再说。

如果内容对你有用,请花费几秒钟给个评论!

由于评论审核机制,可能您的评论暂时不可见,不影响查看回复可见的内容!

扫描二维码推送至手机访问。

版权声明:本文由云淡风轻Mr.Liu发布,如需转载请注明出处。

本文链接:https://nylmj.cn/post/7.html

相关文章

PHP使用之实现弹出消息提示框的两种方法

PHP使用之实现弹出消息提示框的两种方法

方法一:echo "<script>alert('提示内容')</script>";方法二:1 echo &#...

又学会个PHP的运算符@

又学会个PHP的运算符@

今天,看到插件有更新,直接点了,因为以前修改过插件,一更新自己修改的就没了,因此只好重新修改,以前是直接屏蔽了webp图片的缩略图,但是有的webp缩略图还是可以出来了,今天仔细分析了一下,只屏蔽了不...

手机视频VIP会员视频自动解析

手机视频VIP会员视频自动解析

最近在电脑上用油猴插件看视频三无非常爽,无广告无VIP无付费,插件自动解析了,然后就想手机应该也能做到,找了好几天,找了好几个软件,试用后,最终X浏览器比较好用,兼容大总分油猴插件了,而且还能投屏到电...

linux鼠标侧键映射

linux鼠标侧键映射

默认的鼠标侧键的功能是前进和后退,因为想看小说的原因,这个功能非常不方便,但是Linux又不像Windows一样有专门的软件设置(见鼠标侧键设置工具),只能自己摸索的使用终端命令行来设置。下面来具体说...

直播源最新更新-2021年10月

直播源最新更新-2021年10月

直接上下载链接,电脑上播放器可以直接播放,如果不能播放,建议可以下载安装PotPlayer。解压密码:nylmj.cn国内地方台2021-10.rar...

国开计算机应用基础 终结性考试试题

国开计算机应用基础 终结性考试试题

最近一个朋友报了专升本的函授教育,帮他做了个题,顺便共享国开计算机应用基础 终结性考试试题.docx...

发表评论

访客

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