源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

巧用replace将文字表情替换为图片

  • 时间:2021-06-01 00:14 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:巧用replace将文字表情替换为图片
微博或者论坛上常见的效果,选择表情插入文本域的时候,显示的是类似[哈哈]这样的字符串,下面是把表情字符串转换为图片表情的一种方法
[u]复制代码[/u] 代码如下:
<div id="test">abc</div>
[u]复制代码[/u] 代码如下:
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
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部