如何用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
相关文章
- 分享js实现的图像模糊算法代码(2014-6-11 16:21:15)
- php和javascript对数据库图片进行等比缩放的例子(2014-6-9 17:6:49)
- js关于img的href和src取变量及赋值的方法(2014-6-9 16:16:31)
- 解决IE浏览器中图片onload事件无效的方法(2014-6-6 15:36:5)
- 解决chrome下jQuery width()方法取值为0的方法(2014-5-27 11:5:8)
- 跨域名访问资源的问题 HTML5 Canvas getImageData img.crossOrigin(2014-5-26 14:8:55)
- 分析Object #
的drawImage没有作用的原因 (2014-5-26 13:49:15) - 百度文本编辑器UEditor(图片的在线管理中)增加图片删除功能【.net版】(2014-2-17 12:14:19)
