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

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

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

<div id="test">abc</div> var face ={'[哈哈]':'<img src="data:images/face/haha.gif" alt="" />','[流汗]':'<img src="data: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.comdocument.getElementById('test').innerHTML = str;

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

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

  1. js replace将文字表情替换为图片

    原文地址:javascript replace将文字表情替换为图片 (实用.赞)_chelen_jak的博客-CSDN博客 微博或者论坛上常见的效果,选择表情插入文本域的时候,显示的是类似[哈哈]这样 ...

  2. 显示自定义表情图片(replace将文字表情替换为图片)

    显示自定义表情图片(replace将文字表情替换为图片) <div id="moment"></div>var face = { '[哎呀]': '< ...

  3. ASP.NET正则实现表情替换为图片,如[hanx]替换为img src=img/hanx.gif/

    string pattern = @"\[/(\w+)\]"; string result = System.Text.RegularExpressions.Regex.Repla ...

  4. JavaScript replace string 替换字符

    用replace 方法 语法 stringObj.replace(rgExp, replaceText) replace 方法的语法包括下述部分: 部分 描述 stringObj 必选项.要执行该替换 ...

  5. 【飞秋教程】文字表情图片对话

    文字表情图片对话 参考<飞秋常见问题> 飞秋主界面介绍 聊天对话框界面介绍 设置个人用户名.组名及头像.联系方式信息 飞秋新版本增加了对方在线自动发送功能,对方离线时也可以发送信息和文件了 ...

  6. android 微博字体高亮,安卓开发札记——高仿新浪微博文字处理(实现关键字高亮,自定义表情替换并加入点击事件实现)...

    安卓开发笔记--高仿新浪微博文字处理(实现关键字高亮,自定义表情替换并加入点击事件实现) 先让大家看下效果图,这个是我自己在闲暇时间仿写的新浪微博客户端: 今天来讲讲如何实现上图的效果,这里需要用到S ...

  7. javascript replace 替换全部

    一直以为js的replace 能替换全部需要的替换的部位,后来发现,只能替换有限的第一次出现的地方 发现js 没有replaceAll 这个方法,然后发现网友有解答 举例说明: var str = & ...

  8. Spire.doc实现对word的操作(包括文字,表格,图片)

    1.Spire.doc包的导入 Spire.doc比较小众,因此需要在pom.xml中导入spire.doc的仓库,导入之后直接导包 <!--导入Spire--><repositor ...

  9. 12306验证码识别初尝试(3)——tesseract的长处与短处,使用百度文字识别与百度图片自动识别验证码并自动抢票,识别成功率10%

    12306验证码识别是我人生中"抢购"这一重大环节的第一步,所以我一定会把此环节写好,现在12306已经小小成功,接下来,我打算使用keras来深度学习解决12306抢票的问题,当 ...

最新文章

  1. 2018年GPS定位器会发生什么样变化?
  2. BCB中获得RichEdit 默认行间距
  3. 基于docker部署的微服务架构(九): 分布式服务追踪 Spring Cloud Sleuth
  4. LBP(local binary pattern)
  5. java编程规范换行_Java编程规范整理
  6. codeforces gym-101673 Twenty Four, Again 24点,枚举表达式树过题
  7. php实际应用小例子,PHP4实际应用经验篇(6)
  8. 系统架构设计之-任务调度系统的设计
  9. @程序员:你的颈椎和你的代码一样有救了
  10. 二叉树的创建及其相关操作
  11. OpenCV: 读取图片中某个点的像素值
  12. SHT2x系列数字温湿度传感器
  13. 2015年全国计算机一级考试试题及答案,2015全国计算机一级考试Msoffice模拟试题(九)答案及解析...
  14. Sublist3r ---- 子域名枚举工具
  15. OPENWRT入门之三------刷入openwrt固件和首次使用
  16. Java、JSP网上服装店
  17. 后疫情时代,智慧物流遭遇危机还是邂逅转机?
  18. 鸿蒙系统重大缺陷,华为鸿蒙6月份规模化推送?部分用户已经体验,全新的简洁风...
  19. 1、Linux基本命令
  20. css实现入场动画、炫酷、跑马、流水

热门文章

  1. 移动互联网四个特点:移动性、私密性、局限性、强关联性
  2. 51单片机的1T和12T的区别
  3. 李俊计算机哈佛大学,李俊教授个人主页
  4. 嵌入式系统,嵌入式系统定义和使用,嵌入式系统和桌面通用系统的区别,嵌入式系统结构组成,嵌入式软件组成
  5. 说话人确认系统性能评价指标
  6. 用C++评选优秀教师和优秀学生
  7. s7epaapi.dll 64位下载 附找不到文件的修复教程
  8. python opencv 通过hsv阈值法扣取药盒 并矫正
  9. JavaScript 精选:哪些能提高开发效率的es6 新语法糖
  10. [RoCE]RDMA over Converged Ethernet模式以及配置