微博或者論壇上常見的效果,選擇表情插入文本域的時候,顯示的是類似[哈哈]這樣的字符串,下面是把表情字符串轉換為圖片表情的一種方法
復制代碼 代碼如下:
<div>abc</div>
復制代碼 代碼如下:
var face ={'[哈哈]':'<img src="images/face/haha.gif" />','[流汗]':'<img src="images/face/liuhan.gif" />'} //完整的qq表情見本文末尾
var reg = //[.+?/]/g;
var str = '[哈哈]abc[流汗][流汗]'; //這里是獲取到的文本域的value,簡潔起見,直接使用了字符串。
str = str.replace(reg,function(a,b){
return face[a];
});
document.getElementById('test').innerHTML = str;
新聞熱點
疑難解答
圖片精選