EMLOG非插件为评论框添加表情的方法

很多EMLOG模板的评论框上都有表情评价的功能，但使用默认模板和其他模板的用户也想实现这个功能，现在就来为大家分享EMLOG非插件实现为评论框添加表情的方法。

一、操作步骤

1、打开模板文件module.php，找到如下评论框代码

<p><textarea name="comment" id="comment" rows="10" tabindex="4"></textarea></p>

2、在上述评论框代码前添加以下代码，以罗列出预设表情

<div class="smiles" id="smiles">
  <?php for($i = 1; $i <= 21; $i++): ?>
  <img src="<?php echo TEMPLATE_URL; ?>images/smilies/<?php echo $i; ?>.gif" id="smilies<?php echo $i; ?>" width="20" height="20" alt="表情<?php echo $i; ?>" title="smilies<?php echo $i; ?>" />
  <?php endfor; ?>
</div>

3、找到评论列表和子列表中的<?php echo $comment['content']; ?>，并将其替换为如下代码

<?php echo preg_replace("#\|smilies(\d+)\|#i",'<img src="'.TEMPLATE_URL.'images/smilies/$1.gif" id="smilies$1" alt="表情$1"/>',$comment['content']); ?>

4、打开模板文件footer.php，在合适的位置添加如下代码

<script src="https://cdn.bootcss.com/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
<script>
$("#smiles img").click(function(){
    a = $(this).attr("id");
    a = "|" + a + "|";
    $("textarea[name=comment]").append(a);
})
</script>

5、下载解压附件上的文件，将smilies表情文件夹放在模板文件夹下的images文件夹中

6、打开随机文章日志查看效果

二、原理解析

给模板添加smilies表情，增强用户留言体验

三、注意事项

1、本教程实施后，用户想使用smilies表情进行评论，必须通过|smilies1||smilies2||smilies3|这样的方式调用表情