Use replace to replace a text expression with an image

Common effects on Weibo or forums: when inserting an emoticon into a text domain, a string similar to [Haha] is displayed. Below is a method to convert an emoticon string to an image emoticon.
Copy codeThe Code is as follows:
<Div id = "test"> abc </div>

Copy codeThe Code is as follows:
Var face = {'[Haha]': '', '[sweating]': ''} // For the complete QQ expression, see the end of this Article

Var reg =/\ [. +? \]/G;

Var str = '[Haha] abc [sweating] [sweating]'; // here is the value of the obtained text field. For simplicity, strings are directly used.

Str = str. replace (reg, function (a, B ){

Return face [a];

});

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

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