js replace将文字表情替换为图片

原文地址：javascript replace将文字表情替换为图片 （实用、赞）_chelen_jak的博客-CSDN博客

微博或者论坛上常见的效果，选择表情插入文本域的时候，显示的是类似[哈哈]这样的字符串。

把表情字符串转换为图片表情的一种方法 。
 

1. <div id="test">abc</div>

3. var face ={

4. '[哈哈]':'<img src="images/face/haha.gif" alt="" />',

5. '[流汗]':'<img src="images/face/liuhan.gif" alt="" />'

6. } //完整的qq表情见本文末尾

8. var reg = /\[.+?\]/g;

10. var str = '[哈哈]abc[流汗][流汗]'; //这里是获取到的文本域的value，简洁起见，直接使用了字符串。

11. str = str.replace(reg,function(a,b){

13. return face[a];

15. }); // www.jbxue.com

17. document.getElementById('test').innerHTML = str;

 qq表情包及对应face对象：http://pan.baidu.com/s/1qWPQbBu