zblogPHP模板制作中,常為文章添加獨立的縮略圖鏈接字段,使用UEditor插件的上傳功能!在我的YDnew模板中就加入了這一功能,方便用戶快速指定文章列表中圖片。
下面詳細說明下,如何為文章、分類、標簽tag加入單獨的縮略圖功能:
一、文章增加獨立的縮略圖上傳字段:
1、在include.php掛載:
Add_Filter_Plugin('Filter_Plugin_Edit_Response3','ydnew_article_img');
2、在include.php加入:
function ydnew_article_img(){ global $zbp,$article; echo "<script type=\"text/javascript\" src=\"{$zbp->host}zb_users/theme/ydnew/style/js/lib.upload.js\"></script>"; echo '<p align="right" class="uploadimg">上傳縮略圖: <input name="meta_pic" id="edtTitle" type="text" class="uplod_img" style="width:60%;" value="'.$article->Metas->pic.'" /><br /><br /> <strong style="color: #ffffff; font-size: 14px;padding: 6px 18px 6px 18px; background: #3a6ea5;border: 1px solid #3399cc; cursor: pointer;">瀏覽文件</strong> </p>'; }
說明:必須單獨加載一個JS文件:
3、調用方法:
{$article.Metas.pic}
二、分類、標簽tag加入上傳縮略圖功能:
如果按文章增加獨立縮略圖的方法操作,會發現點擊瀏覽文件,無法彈出編輯的上傳彈窗,這是因為默認情況下,在分類和標簽tag的編輯頁面,并沒有加載UEditor 的部分JS文件,而是只為文章編輯準備的。
所以,需要手動補充完整UEditor的部分JS文件:
方法:
1、還是include.php掛載:
Add_Filter_Plugin('Filter_Plugin_Tag_Edit_Response','ydnew_tag_seo');//tag自定義字段
2、加入:(注意,這里補充加載了UEditor編輯器的部分JS文件)
function ydnew_tag_seo(){ global $zbp,$tag; echo "<script type=\"text/javascript\" src=\"{$zbp->host}zb_system/script/jquery.tagto.js\"></script>"; echo "<script type=\"text/javascript\" src=\"{$zbp->host}zb_system/script/jquery-ui-timepicker-addon.js\"></script>"; echo "<script type=\"text/javascript\" src=\"{$zbp->host}zb_users/plugin/UEditor/ueditor.config.php\"></script>"; echo "<script type=\"text/javascript\" src=\"{$zbp->host}zb_users/plugin/UEditor/ueditor.all.min.js\"></script>"; echo "<script type=\"text/javascript\" src=\"{$zbp->host}zb_users/theme/FreshGreen/script/lib.upload.js\"></script>"; echo '<p align="left" class="uploadimg">上傳TAG圖:<input name="meta_tagpic" id="edtTitle" type="text" class="uplod_img" style="width:40%;" value="'.$tag->Metas->tagpic.'" /> <strong style="color: #ffffff; font-size: 14px;padding: 6px 18px 6px 18px; background: #3a6ea5;border: 1px solid #3399cc; cursor: pointer;">瀏覽文件</strong> </p>'; }
注意:以上所有JS文件請確保路徑正確,特別是lib.upload.js文件的路徑,必須保證!
3、調用方法:
{$tag.Metas.tagpic}