非插件实现emlog评论加入表情方法分享

  看到很多emlog的博客评论都有表情，我也想在博客中加一个，网上搜了下方法好多，但是移植挺难得，本想考虑直接用编辑器的，想后台那样，结果不行，显示不出来~郁闷啊，我就在网上找简单点的。这方法简单，且可移植性高，在下佩服啊！好了，废话不多说了，切入正题！



使用方法：

1、下载本站附件并上传至你想要上传到模版目录images文件夹中（附件下载：http://pan.baidu.com/s/1ntl2kZZ）；

2、在module.php发表评论表单的<?php endif; ?>下面代码<?php }?>加入如下代码(以默认模版为例)：

<script src="<?php echo BLOG_URL; ?>/include/lib/js/common_tpl.js" type="text/javascript"></script>
<script type="text/javascript">var loaded = false, blog_url = "<?php echo TEMPLATE_URL; ?>";$(function(){$("textarea[name=comment]").bind('focus click',function() {if (!loaded) {$.getScript(blog_url + "images/face/face.js");loaded = true;}});});</script>

3、在footer.php最后加入如下代码：

<?php $output = ob_get_clean();$output = preg_replace("|\[:([^#]+)#(\d+):\]|i",'<img border="0" src="'.TEMPLATE_URL.'images/face/$1/$2.gif" />',$output);ob_start();echo $output;?>

本代码只在5.3.1中测试过，其他环境未测试，演示效果图：