东方星雨

简单网络

一个爱好网络的80后男站长。

关注我东方星雨个人微信号:476847113

您现在的位置是:首页 > 站长日志

帝国cms整合多彩主题评论插件2.0(7.0~7.5)记录

2019-07-24 站长 站长日志

帝国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


文章评论