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


Posted in Javascript onApril 17, 2014

微博或者论坛上常见的效果,选择表情插入文本域的时候,显示的是类似[哈哈]这样的字符串,下面是把表情字符串转换为图片表情的一种方法

<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
Javascript 相关文章推荐
js里怎么取select标签里的值并修改
Dec 10 Javascript
JS弹出层单纯的绝对定位居中示例代码
Feb 18 Javascript
Javascript中引用示例介绍
Feb 21 Javascript
SuperSlide标签切换、焦点图多种组合插件
Mar 14 Javascript
jquery ztree异步搜索(搜叶子)实践
Feb 25 Javascript
Node.js的Mongodb使用实例
Dec 30 Javascript
微信小程序 swiper制作tab切换实现附源码
Jan 21 Javascript
微信小程序App生命周期详解
Jan 31 Javascript
使用Vue自定义指令实现Select组件
May 24 Javascript
js中事件对象和事件委托的介绍
Jan 21 Javascript
js实现div色块拖动录制
Jan 16 Javascript
Vue的列表之渲染,排序,过滤详解
Feb 24 Vue.js
JavaScript事件委托的技术原理探讨示例
Apr 17 #Javascript
JS实现div居中示例
Apr 17 #Javascript
淘宝网提供的国内NPM镜像简介和使用方法
Apr 17 #Javascript
js调用后台、后台调用前台等方法总结
Apr 17 #Javascript
JS下载文件|无刷新下载文件示例代码
Apr 17 #Javascript
你可能不知道的JavaScript的new Function()方法
Apr 17 #Javascript
在JS中解析HTML字符串示例代码
Apr 16 #Javascript
You might like
收音机鉴频器对声音的影响和频偏分析
2021/03/02 无线电
php中的登陆login
2007/01/18 PHP
PHPLog php 程序调试追踪工具
2009/09/09 PHP
解决PHP在DOS命令行下却无法链接MySQL的技术笔记
2010/12/29 PHP
对text数据类型不支持代码页转换 从: 1252 到: 936
2011/04/23 PHP
php导出excel格式数据问题
2014/03/11 PHP
php实现俄罗斯乘法实例
2015/03/07 PHP
Windows 下安装 swoole 图文教程(php)
2017/06/05 PHP
php微信开发之图片回复功能
2018/06/14 PHP
js计算页面刷新的次数
2009/07/20 Javascript
js几个验证函数代码
2010/03/25 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
2015/08/25 Javascript
jQuery实现获取元素索引值index的方法
2016/09/18 Javascript
JavaScript中数组slice和splice的对比小结
2016/09/22 Javascript
js仿支付宝多方框输入支付密码效果
2016/09/27 Javascript
聊一聊JS中的prototype
2016/09/29 Javascript
JS 实现 ajax 异步浏览器兼容问题
2017/01/21 Javascript
微信小程序 支付后台java实现实例
2017/05/09 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
2017/06/22 Javascript
20个最常见的jQuery面试问题及答案
2018/05/23 jQuery
Vue Render函数创建DOM节点代码实例
2020/07/08 Javascript
vue 如何使用递归组件
2020/10/23 Javascript
Python DataFrame设置/更改列表字段/元素类型的方法
2018/06/09 Python
Python for循环中的陷阱详解
2018/07/13 Python
Python面向对象封装操作案例详解
2019/12/31 Python
Django模板标签{% for %}循环,获取制定条数据实例
2020/05/14 Python
Python中全局变量和局部变量的理解与区别
2021/02/07 Python
Kipling意大利官网:世界著名的时尚休闲包袋品牌
2019/06/05 全球购物
电子信息专业学生自荐信
2013/11/09 职场文书
大学生工作推荐信范文
2013/12/02 职场文书
住房公积金接收函
2014/01/09 职场文书
鲜果饮品店创业计划书
2014/01/21 职场文书
CAD制图设计师自荐信
2014/01/29 职场文书
公司离职证明标准格式
2014/11/18 职场文书
2015年高中班主任工作总结
2015/04/30 职场文书
2015毕业设计工作总结
2015/07/24 职场文书