织梦园模板网提供云优cms模板,pbootcms模板,Wordpress主题模板等各类企业新闻资讯网站模板下载服务。织梦园网站模板交流群
用户名:
密码:
注册
注册后享受折扣价

实现dedeCMS织梦系统评论实现多个表情的教程

织梦园模板 / 2019-06-26 / 收藏
不知道大家使用织梦有没有注意到评论页添加评论智能选取一个表情,不能多选,这对于用户体验来说不太好,不太灵活,那怎样才能修改让发布评论的时候,表情和文字都结合,这样发出来的东西才有声有色
下面是具体修改的方法两步搞定:
***步修改  feedback_ajax.php件。
该文件在 根目录下的 plus / 文件夹下。打开该文件以后,查找以下代码:if($dopost=='getlist')
在该代码的上面插入以下代码: 

function convertem($message){   
$a = array('[em01]','[em02]','[em03]','[em04]','[em05]','[em06]','[em07]','[em08]','[em09]','[em10]','[em11]','[em12]','[em13]','[em14]','[em15]','[em16]','[em17]','[em18]','[em19]','[em20]','[em21]','[em22]','[em23]','[em24]');  
$b = array('<img src="../../../images/mood/ico-mood-1.gif" />','<img src="../../../images/mood/ico-mood-2.gif" />','<img src="../../../images/mood/ico-mood-3.gif" />','<img src="../../../images/mood/ico-mood-4.gif" />','<img src="../../../images/mood/ico-mood-5.gif" />','<img src="../../../images/mood/ico-mood-6.gif" />','<img src="../../../images/mood/ico-mood-7.gif" />','<img src="../../../images/mood/ico-mood-8.gif" />','<img src="../../../images/mood/ico-mood-9.gif" />','<img src="../../../images/mood/ico-mood-10.gif" />','<img src="../../../images/mood/ico-mood-11.gif" />','<img src="../../../images/mood/ico-mood-12.gif" />','<img src="../../../images/mood/ico-mood-13.gif" />','<img src="../../../images/mood/ico-mood-14.gif" />','<img src="../../../images/mood/ico-mood-15.gif" />','<img src="../../../images/mood/ico-mood-16.gif" />','<img src="../../../images/mood/ico-mood-17.gif" />','<img src="../../../images/mood/ico-mood-18.gif" />','<img src="../../../images/mood/ico-mood-19.gif" />','<img src="../../../images/mood/ico-mood-20.gif" />','<img src="../../../images/mood/ico-mood-21.gif" />','<img src="../../../images/mood/ico-mood-22.gif" />','<img src="../../../images/mood/ico-mood-23.gif" />','<img src="../../../images/mood/ico-mood-24.gif" />');  
$message = str_replace($a,$b,$message);  
return $message;   
}

第二步:
再打开ajaxfeedback.htm 这个文件,该文件在你具体的模板目录下,系统默认的模板目录为 根目录下templets /default/ajaxfeedback.htm 打开该文件,
找到以下代码<div class="dcmp-mood">,在它的下面有Ul  和Li  , Li有12行。把这12行的Li 全部替换,替换的代码为

<img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-1.gif" onclick="javascript:document.getElementById('msg').value+='[em01]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-2.gif" onclick="javascript:document.getElementById('msg').value+='[em02]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-3.gif" onclick="javascript:document.getElementById('msg').value+='[em03]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-4.gif" onclick="javascript:document.getElementById('msg').value+='[em04]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-5.gif" onclick="javascript:document.getElementById('msg').value+='[em05]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-6.gif" onclick="javascript:document.getElementById('msg').value+='[em06]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-7.gif" onclick="javascript:document.getElementById('msg').value+='[em07]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-8.gif" onclick="javascript:document.getElementById('msg').value+='[em08]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-9.gif" onclick="javascript:document.getElementById('msg').value+='[em09]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-10.gif" onclick="javascript:document.getElementById('msg').value+='[em10]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-11.gif" onclick="javascript:document.getElementById('msg').value+='[em11]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-12.gif" onclick="javascript:document.getElementById('msg').value+='[em12]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-13.gif" onclick="javascript:document.getElementById('msg').value+='[em13]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-14.gif" onclick="javascript:document.getElementById('msg').value+='[em14]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-15.gif" onclick="javascript:document.getElementById('msg').value+='[em15]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-16.gif" onclick="javascript:document.getElementById('msg').value+='[em16]';" />  <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-17.gif" onclick="javascript:document.getElementById('msg').value+='[em17]';" /> <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-18.gif" onclick="javascript:document.getElementById('msg').value+='[em18]';" />  <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-19.gif" onclick="javascript:document.getElementById('msg').value+='[em19]';" />   <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-20.gif" onclick="javascript:document.getElementById('msg').value+='[em20]';" />  <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-21.gif" onclick="javascript:document.getElementById('msg').value+='[em21]';" /> <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-22.gif" onclick="javascript:document.getElementById('msg').value+='[em22]';" />  <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-23.gif" onclick="javascript:document.getElementById('msg').value+='[em23]';" /> <img src="{dede:global.cfg_cmsurl/}/images/mood/ico-mood-24.gif" onclick="javascript:document.getElementById('msg').value+='[em24]';" />

 通过两步的修改,已经OK了,接下来测试吧,看看***后测试的效果。还是很不错的。
温馨提示:需要说明的是,表情的目录是在根目录的images  这个大家需要注意一下,图片目录大家可以随便改。我是为了防止泄露模板目录,所以直接放在了根目录里的images。

相关安装使用

收缩