Replace a text emoji with a picture


A common effect on weibo or forums is that when you insert an expression into the text field, you will see a string like [haha]. Here is a way to convert an expression string into a picture expression


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

var face ={'[ Ha ha ]':'<img src="images/face/haha.gif" alt="" />','[ sweat ]':'<img src="images/face/liuhan.gif" alt="" />'} //See the complete qq expression at the end of this article

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

var str = '[ Ha ha ]abc[ sweat ][ sweat ]'; //So here's the value of the text field that we got, and for brevity, we just used the string.

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

return face[a];

});

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

Qq expression package and corresponding face object: http://pan.baidu.com/s/1qWPQbBu