巧用replace將文字表情替換為圖片

微博或者論壇上常見的效果，選擇表情插入文本域的時候，顯示的是類似[哈哈]這樣的字串，下面是把表情字串轉換為圖片表情的一種方法
複製代碼 代碼如下:
<div id="test">abc</div>

複製代碼 代碼如下:
var face ={'[哈哈]':'<img src="images/face/haha.gif" alt="" />','[流汗]':'<img src="images/face/liuhan.gif" alt="" />'} //完整的qq表情見本文末尾

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

var str = '[哈哈]abc[流汗][流汗]'; //這裡是擷取到的文本域的value，簡潔起見，直接使用了字串。

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

return face[a];

});

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

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