ZBlog - 优化“蓝叶清新下载样式”插件
首先要感谢插件作者免费开放该插件，对于这个插件的优化只是针对本博客使用，本人不进行盗版，如作者有意见可联系撤回！！！
然后为什么要去优化一下这个插件呢，自己懒得写（主要是不太熟zblog开发），只好找现有插件代替，恰好看到作者的这款插件能够满足自己的要求，恰好又是免费的。但是作者好像好久没更新了，然后自己又有一些其他方面的需求，便进行了调优处理，于是。。。
当然只要懂得代码的人基本都能进行修改，这篇文章更多只是为了记录而已。
下面是优化内容介绍：
1、针对代码插入位置进行优化---》随光标位置插入（原本是直插入到结尾）
2、针对H5、手机端进行适配优化
3、针对点击“插入代码”后弹窗不关闭进行优化（个人喜好）
4、针对Ueditor编辑器添加触发按钮
优化内容
1、代码插入位置&点击“插入代码”后弹窗不关闭（找到插件的include.php文件，以本地目录为例：/zb_users/plugin/Lanyenewdown/include.PHP，找到Lanyenewdown方法进行一下更改）
//找到以下代码
$("#file_in").click(function(){
if($('#file_code').val().length>0){
var file_code = '<em>密码：'+$('#file_code').val()+'</em><em>|</em>';
}else{
var file_code = '';
}
editor_api.editor.content.put(editor_api.editor.content.get()+"<div class='newfujian'><div class='fileico "+
($('#file_type').val())+"'></div><div class='filecont'><div class='filetit'><a href='"+($('#file_url').val())+"'
target='_blank' rel='nofollow' title='点击下载'>"+($('#file_name').val())+"</a>"+file_code+"<em>大小："+($('#file_size').val())
+"</em></div><div class='fileaq'>已经过安全软件检测无毒，请您放心下载。</div></div><div class='down_2'>
<a href='"+($('#file_url').val())+"' target='_blank' rel='nofollow' title='点击下载'></a></div></div>");
});
替换成
$("#file_in").click(function(){
if($('#file_code').val().length>0){
var file_code = '<em>密码：'+$('#file_code').val()+'</em><em>|</em>';
}else{
var file_code = '';
}
editor_api.editor.content.insert("
<p>[download]</p><div class='newfujian'><div class='fileico "+($('#file_type').val())+"'></div><div class='filecont'><div class='filetit'>
<a href='"+($('#file_url').val())+"' target='_blank' rel='nofollow' title='点击下载'>"+($('#file_name').val())+"</a>"+
file_code+"<em>大小："+($('#file_size').val())+"</em></div><div class='fileaq'>已经过安全软件检测无毒，请您放心下载。</div></div>
<div class='down_2'><a href='"+($('#file_url').val())+"' target='_blank' rel='nofollow' title='点击下载'></a></div></div><p>[/download]</p>");//写入
插件代码
$('.lanye_down_m,.bobybg').fadeOut();//关闭弹窗
});
//另外后台弹窗貌似也有点错位了，只需要修改以下样式高度调整一下即可（看个人喜好）
.lanye_down_m input{
height:47px;//直接改成47px
}
.lanye_down_m select{
height:47px;//直接改成47px
}
//弹窗固定在屏幕
.lanye_down_m{
position:fixed;//原本是absolute
}2、兼容H5/手机端样式（找到插件lanyenewdown.css文件，以本地目录为例：/zb_users/plugin/Lanyenewdown/lanyenewdown.css，并在结尾添加以下内容）
.filecont .fileaq{
min-height:15px;// 实际上只是将height替换成了min-height而已
background:url(fileaq.png) no-repeat;
padding-left:18px;
font-size:12px;
color:#73B010;
letter-spacing:0;
line-height:14px;
font-family:arial;
}
@media screen and (min-width:336px) and (max-width: 420px) {
.down_2 {
float: left;
margin: 10px;
display: none;
}
}
@media screen and (max-width: 336px) {
.down_2 {
float: left;
margin: 10px 0px;
display: none;
}
.filecont {
padding: 0 0 0 10px;
}
.filetit{
width: 190px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.filecont .filetit a{
width: 120px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fileaq {
width: 170px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}3、针对编辑器添加触发按钮（根据个人需要添加，找到插件的include.Php文件，以本地目录为例：/zb_users/plugin/Lanyenewdown/include.php）
//找到ActivePlugin_Lanyenewdown方法添加以下代码
Add_Filter_Plugin('Filter_Plugin_Edit_Response5','lanyenewdown_editpost');
Add_Filter_Plugin('Filter_Plugin_ViewPost_Template', 'Lanyenewdown_html');
// 在最下方添加以下方法保存即可
function lanyenewdown_editpost($article = null)
{
if($article === null){
?>
<script>
if (window.UEDITOR_config.toolbars[0].indexOf("蓝叶清新下载样式") == -1){
window.UEDITOR_CONFIG["toolbars"][0].push("蓝叶清新下载样式");
UE.registerUI("蓝叶清新下载样式", function(editor, uiName) {
var btn = new UE.ui.Button({
name: uiName,
title: uiName,
cssRules: "background: rgba(0, 0, 0, 0) url('" + bloghost + "zb_users/plugin/Lanyenewdown/logo.png') no-repeat center / 16px 16px !important;",
onclick: function() {
$('.lanye_down_m,.bobybg').fadeIn();
}
});
return btn;
});
}
</script>
<?php
}
}
function Lanyenewdown_html(&$template)
{
global $zbp;
$content = $template->GetTAGs('article')->Content;
if(preg_match_all('/<p[^>]*>[^<]*\[download\][\s\S]*?[^<]*<\/p>(.+?)<p[^>]*>[^<]*\[\/download\][\s\S]*?[^<]*<\/p>/is', $content, $mat)){
$content = str_replace($mat[0], $mat[1], $content);
}
$template->GetTags('article')->Content = $content;
}样式只是个人喜好，如果觉得不好也可以自行进行修改，哈哈
下面是样式图
蓝叶清新下载样式优化密码：5vna|大小：115KB
已经过安全软件检测无毒，请您放心下载。
更多插件请查看【ZBlog插件】
版权声明：本文由“憨小猪”发布，如需转载请注明出处。
