今天介绍一款各大论坛常用的一种QQ表情插件。
HTML
首先加载jQuery库文件和QQ表情插件jquery.qqFace.js。
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qqFace.js"></script>
然后我们放置一个文本框，表情、提交按钮及显示结果的#result。
<textarea class="textarea" id="content" name="content">
当我们点击笑脸时，触发调用qqface表情插件，代码很简单，如下：
$('.emotion').qqFace({
id: 'facebox',//表情ID
assign: 'content',//赋予表情到文本框textarea
path: 'face/' //表情路径
});
最后再分享下PHP正则替换表情：
function ubbReplace($str){
$str = str_replace(">",'<；',$str);
$str = str_replace(">",'>；',$str);
$str = str_replace("\n",'>；br/>；',$str);
$str = preg_replace("[\[em_([0-9]*)\]]",">img src=\"face/$1.gif\" />",$str);
return $str;
}
