主页 > 网站建设 > 建站知识 > dedecms评论页加自定义表情功能方法

dedecms评论页加自定义表情功能方法

POST TIME:2017-12-13 22:51

DEDEcms评论默认的评论页页,添加评论的时候只可以选择一个表情。
实在是不灵活,有些人发布评论的时候,可能需要表情和文字都结合,这样发出来的东西才有声有色的嘛。
就像DZ的表情功能一样。

下面说一下如何实现:

第一步修改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

最后来张效果图。



收缩
  • 微信客服
  • 微信二维码
  • 电话咨询

  • 400-1100-266