帝國cms自帶的評論功能樣式太丑了,功能上還需要自己摸索着學習調用,不想那么麻煩,所以今天整合一下帝國cms多彩主題評論插件2.0(7.0~7.5)。
插件特色:
1、調用簡單,載入速度更塊,后台管理插件更方便
2、支持多主題自定義顏色,百搭風格,更貼合您的網站
3、新增符號表情,可在后台增加修改或者關閉
3、支持帝國cms7.0~7.5,公測期間只提供utf-8版本
4、豐富的JS接口以及JS事件監聽滿足你的各種需求(詳情看2樓)
5、匿名隨機名稱、隨機頭像,后台直接管理
6、評論回復跟帖列表顯示模式(默認是蓋樓,如需請到后台開啟)
7、增加圖片添加功能
8、增加輸入字符統計功能
使用說明
如需要在后台管理插件,請先安裝,安裝地址:域名+/e/extend/lgyPl2.0/install 按提示進行安裝,不安裝不影響前台插件的時候用。
簡單調用:(插件依賴jquery,請在調用插件的前面載入jquery)
<script src="/e/extend/lgyPl2.0/?id=[!--id--]&classid=[!--classid--]"></script>
以上的調用代碼為最簡單調用方法,評論框架會在載入的位置渲染,如需自定義渲染位置請看高級用法render參數(請看3樓)。
預覽圖:
后台管理:
JS事件監聽共有兩個
事件一:點擊頂或踩觸發,監聽方法
//點贊事件 $(document).on('lgyPl_doDigg',function(event,ret){ //console.log(ret); //ret返回接口回調 //此事件比較少用,可以忽略 });
事件二:提交評論觸發,監聽方法
//提交事件 $(document).on('lgyPl_submited',function(event,ret){ //console.log(ret); //ret返回接口回調 //提示【游客不能發表評論】時候觸發,如果網站有自己的彈窗登錄方法,如:login(); 可放代碼內部執行 if(ret.code=='GuestNotToPl'){ //your code window.location.href='/e/member/login/'; } });
事件監聽可以在后台直接編輯,也可以放到別的js自己做監聽。
Javascript API接口:
lgyPl_v2.api.refresh(); //更新插件用戶狀態以及評論列表
lgyPl_v2.api.islogin(); //返回用戶是否登錄,true或者 false
lgyPl_v2.api.toast(text,time,callback) ; //迷你提示,三個參數,第一個為文本,第二個為時間,第三個為銷毀后回調
lgyPl_v2.api.indicator(); //迷你加載指示器;傳入字符串 "hide" 為銷毀指示器;如:lgyPl_v2.api.indicator('hide');
高級調用詳解:
<script src="/e/extend/lgyPl2.0/?id=[!--id--]&classid=[!--classid--]&useJquery=1&bgColor=ffffff&mainColor=4398ed&render=showPlArea"></script>
參數詳解:
id : 信息id
classid : 信息欄目id
render : 定義顯示評論的元素位置,只支持id名稱,如 <div id="showPlArea"></div>,不傳此參數則會渲染在載入插件的位置
useJquery : 是否載入jquery,插件依賴jq,如果頁面完全沒有用過jquery,可以給這個參數傳入任何值,插件則自動載入內置jquery。
bgColor :頁面的背景顏色值,只支持HEX,傳入的時候不要帶上#,比如:#000000 傳入 000000即可,這里參數主要作用是修復頭像位置弧線的效果。
mainColor : 自定義主題顏色,只支持HEX,傳入的時候不要帶上#,比如:#000000 傳入 000000即可,應用場景,比如說你有很多頻道,每個頻道的色調不相同,則可以通過該參數實現百搭風格。
顯示評論總數:.lgyPl_v2_record_total
顯示評論總頁數:.lgyPl_v2_record_page
插入載入后會在這兩個類中寫入評論總數以及評論總頁數。如果調用請自行添加。
整合方法步驟:
安裝過帝國CMS插件的應該都知道怎么做了。
把插件上傳並解壓到 /e/extend/ 目錄下,如需要在后台管理插件,請先安裝,安裝地址:域名+/e/extend/lgyPl2.0/install 按提示進行安裝,不安裝不影響前台插件的時候用。
然后在內容模板頁面添加以下代碼就可以了:
<script src="/e/extend/lgyPl2.0/?id=[!--id--]&classid=[!--classid--]"></script>
高級調用上面也有介紹。
詳情請參考:
帝國cms多彩主題評論插件(7.0~7.5)[2018-08-06最后更新]
下載鏈接: https://pan.baidu.com/s/10bpSgkYOaF_bud4EIuNDvw 提取碼: 4d3e
問題修改記錄
1、b 標簽樣式污染,導致其它位置出現的 b 標簽帶邊框。
修改 config.php 文件
2、由於網頁中元素設置了 overflow:hidden 樣式,導致表情框顯示不全。
修改方案是 去掉 position: absolute; 樣式;
修改 config.php 文件
去掉 position: absolute; 樣式;
修改 lgyPl.2.0.js 文件,top 改變固定值
<form class="lgyPl_v2_post lgyPl_v2_post_reply" style="top:10px">
修改之后不再是彈出層,而是把隱藏的顯示出來,效果如下: