javascript replace将文字表情替换为图片 (实用、赞)

原文出处:https://blog.csdn.net/jbxue123/article/details/23960905

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

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

<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]; 

}); // www.jbxue.com

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

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

发布了214 篇原创文章 · 获赞 292 · 访问量 332万+

猜你喜欢

转载自blog.csdn.net/chelen_jak/article/details/103804431