帝國cms整合多彩主題評論插件2.0(7.0~7.5)記錄


帝國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樓)。


預覽圖:

image.png

后台管理:

image.png

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">

  

修改之后不再是彈出層,而是把隱藏的顯示出來,效果如下:

image.png


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM