巧用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 相关文章推荐
Javascript在IE或Firefox下获取鼠标位置的代码
Dec 18 Javascript
Jquery Select操作方法集合脚本之家特别版
May 17 Javascript
jquery 操作两个select实现值之间的互相传递
Mar 07 Javascript
JQuery中属性过滤选择器用法实例分析
May 18 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
Dec 22 Javascript
JS获取子窗口中返回的数据实现方法
May 28 Javascript
jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
May 31 Javascript
javascript 封装Date日期类实例详解
May 28 Javascript
JS中正则表达式要注意lastIndex属性
Aug 08 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
May 23 Javascript
react使用CSS实现react动画功能示例
May 18 Javascript
jQuery实现穿梭框效果
Jan 19 jQuery
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
IStream与TStream之间的相互转换
2008/08/01 PHP
2014年最新推荐的10款 PHP 开发框架
2014/08/01 PHP
功能强大的PHP图片处理类(水印、透明度、旋转)
2015/10/21 PHP
实现laravel 插入操作日志到数据库的方法
2019/10/11 PHP
让getElementsByName适应IE和firefox的方法
2007/09/24 Javascript
js电信网通双线自动选择技巧
2008/11/18 Javascript
javascript 对表格的行和列都能加亮显示
2008/12/26 Javascript
js 回车提交表单两种实现方法
2012/12/31 Javascript
innerText和textContent对比及使用介绍
2013/02/27 Javascript
nodejs简单实现中英文翻译
2015/05/04 NodeJs
JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
2015/09/24 Javascript
JavaScript中利用for循环遍历数组
2017/01/15 Javascript
微信小程序 开发经验整理
2017/02/15 Javascript
vue实现重置表单信息为空的方法
2018/09/29 Javascript
spring+angular实现导出excel的实现代码
2019/02/27 Javascript
vue proxy 的优势与使用场景实现
2020/06/15 Javascript
vue下载二进制流图片操作
2020/10/26 Javascript
[01:02:26]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第二场 1月18日
2021/03/11 DOTA
python实现的登陆Discuz!论坛通用代码分享
2014/07/11 Python
python检测远程服务器tcp端口的方法
2015/03/14 Python
python实现的多线程端口扫描功能示例
2017/01/21 Python
浅谈Python用QQ邮箱发送邮件时授权码的问题
2018/01/29 Python
Python(Django)项目与Apache的管理交互的方法
2018/05/16 Python
Python之time模块的时间戳,时间字符串格式化与转换方法(13位时间戳)
2019/08/12 Python
python中p-value的实现方式
2019/12/16 Python
python数据处理——对pandas进行数据变频或插值实例
2020/04/22 Python
HTML5标签小集
2011/08/02 HTML / CSS
C++面试题目
2013/06/25 面试题
英文版餐饮业求职信
2013/10/18 职场文书
给朋友的道歉信
2014/01/09 职场文书
旅游专业职业生涯规划范文
2014/01/13 职场文书
关于读书的演讲稿600字
2014/08/27 职场文书
2014国庆节餐厅促销活动策划方案
2014/09/16 职场文书
领导干部民主生活会自我剖析材料范文
2014/09/20 职场文书
在前女友婚礼上,用Python破解了现场的WIFI还把名称改成了
2021/05/28 Python
总结三种用 Python 作为小程序后端的方式
2022/05/02 Python