帝国cms整合多彩主题评论插件2.0(7.0~7.5)记录
微wx笑
2019-07-24【帝国CMS】
23
18关键字：
帝国cms 评论插件
帝国cms自带的评论功能样式太丑了，功能上还需要自己摸索着学习调用，不想那么麻烦，所以今天整合一下帝国cms多彩主题评论插件2.0(7.0~7.5)。插件特色：1、调用简单，载入速度更块，后
帝国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参数。
预览图：
后台管理：
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">
修改之后不再是弹出层，而是把隐藏的显示出来，效果如下：
本文由 微wx笑 创作，采用 署名-非商业性使用-相同方式共享 4.0 许可协议，转载请附上原文出处链接及本声明。
原文链接：https://www.ivu4e.cn/blog/EmpireCMS/2019-07-24/56.html
