1、表情数据:

var emotion =[{"name": "Expression_1","text": "[微笑]"},{"name": "Expression_2","text": "[撇嘴]"},{"name": "Expression_3","text": "[色]"},{"name": "Expression_4","text": "[发呆]"},{"name": "Expression_5","text": "[得意]"},{"name": "Expression_6","text": "[流泪]"},{"name": "Expression_7","text": "[害羞]"},{"name": "Expression_8","text": "[闭嘴]"},{"name": "Expression_9","text": "[睡]"},{"name": "Expression_10","text": "[大哭]"},{"name": "Expression_11","text": "[尴尬]"},{"name": "Expression_12","text": "[发怒]"},{"name": "Expression_13","text": "[调皮]"},{"name": "Expression_14","text": "[呲牙]"},{"name": "Expression_15","text": "[惊讶]"},{"name": "Expression_16","text": "[难过]"},{"name": "Expression_17","text": "[酷]"},{"name": "Expression_18","text": "[冷汗]"},{"name": "Expression_19","text": "[抓狂]"},{"name": "Expression_20","text": "[吐]"},{"name": "Expression_21","text": "[偷笑]"},{"name": "Expression_22","text": "[愉快]"},{"name": "Expression_23","text": "[白眼]"},{"name": "Expression_24","text": "[傲慢]"},{"name": "Expression_25","text": "[饥饿]"},{"name": "Expression_26","text": "[困]"},{"name": "Expression_27","text": "[恐惧]"},{"name": "Expression_28","text": "[流汗]"},{"name": "Expression_29","text": "[憨笑]"},{"name": "Expression_30","text": "[悠闲]"},{"name": "Expression_31","text": "[奋斗]"},{"name": "Expression_32","text": "[咒骂]"},{"name": "Expression_33","text": "[疑问]"},{"name": "Expression_34","text": "[嘘]"},{"name": "Expression_35","text": "[晕]"},{"name": "Expression_36","text": "[疯了]"},{"name": "Expression_37","text": "[衰]"},{"name": "Expression_38","text": "[骷髅]"},{"name": "Expression_39","text": "[敲打]"},{"name": "Expression_40","text": "[再见]"},{"name": "Expression_41","text": "[擦汗]"},{"name": "Expression_42","text": "[抠鼻]"},{"name": "Expression_43","text": "[鼓掌]"},{"name": "Expression_44","text": "[糗大了]"},{"name": "Expression_45","text": "[坏笑]"},{"name": "Expression_46","text": "[左哼哼]"},{"name": "Expression_47","text": "[右哼哼]"},{"name": "Expression_48","text": "[哈欠]"},{"name": "Expression_49","text": "[鄙视]"},{"name": "Expression_50","text": "[委屈]"},{"name": "Expression_51","text": "[快哭了]"},{"name": "Expression_52","text": "[阴险]"},{"name": "Expression_53","text": "[亲亲]"},{"name": "Expression_54","text": "[吓]"},{"name": "Expression_55","text": "[可怜]"},{"name": "Expression_56","text": "[菜刀]"},{"name": "Expression_57","text": "[西瓜]"},{"name": "Expression_58","text": "[啤酒]"},{"name": "Expression_59","text": "[篮球]"},{"name": "Expression_60","text": "[乒乓]"},{"name": "Expression_61","text": "[咖啡]"},{"name": "Expression_62","text": "[饭]"},{"name": "Expression_63","text": "[猪头]"},{"name": "Expression_64","text": "[玫瑰]"},{"name": "Expression_65","text": "[凋谢]"},{"name": "Expression_66","text": "[嘴唇]"},{"name": "Expression_67","text": "[爱心]"},{"name": "Expression_68","text": "[心碎]"},{"name": "Expression_69","text": "[蛋糕]"},{"name": "Expression_70","text": "[闪电]"},{"name": "Expression_71","text": "[炸弹]"},{"name": "Expression_72","text": "[刀]"},{"name": "Expression_73","text": "[足球]"},{"name": "Expression_74","text": "[瓢虫]"},{"name": "Expression_75","text": "[便便]"},{"name": "Expression_76","text": "[月亮]"},{"name": "Expression_77","text": "[太阳]"},{"name": "Expression_78","text": "[礼物]"},{"name": "Expression_79","text": "[拥抱]"},{"name": "Expression_80","text": "[强]"},{"name": "Expression_81","text": "[弱]"},{"name": "Expression_82","text": "[握手]"},{"name": "Expression_83","text": "[胜利]"},{"name": "Expression_84","text": "[抱拳]"},{"name": "Expression_85","text": "[勾引]"},{"name": "Expression_86","text": "[拳头]"},{"name": "Expression_87","text": "[差劲]"},{"name": "Expression_88","text": "[爱你]"},{"name": "Expression_89","text": "[NO]"},{"name": "Expression_90","text": "[OK]"},{"name": "Expression_91","text": "[爱情]"},{"name": "Expression_92","text": "[飞吻]"},{"name": "Expression_93","text": "[跳跳]"},{"name": "Expression_94","text": "[发抖]"},{"name": "Expression_95","text": "[怄火]"},{"name": "Expression_96","text": "[转圈]"},{"name": "Expression_97","text": "[磕头]"},{"name": "Expression_98","text": "[回头]"},{"name": "Expression_99","text": "[跳绳]"},{"name": "Expression_100","text": "[投降]"},{"name": "Expression_101","text": "[激动]"},{"name": "Expression_102","text": "[街舞]"},{"name": "Expression_103","text": "[献吻]"},{"name": "Expression_104","text": "[左太极]"},{"name": "Expression_105","text": "[右太极]"}]

2、有一个字符串strCont="[微笑]不要说人家啦![撇嘴]人家好[害羞]啊"

3、批量替换方法:

/批量替换方法
function ReCont(strCont) {for (var i in emotion) {        var item = emotion[i];var strimg='<img src="../image/emotion/'+item.name+'.png" width="24" height="24" align="absmiddle">';var reg=new RegExp("\\"+item.text,"g");//alert(reg);strCont=strCont.replace(reg, strimg);//alert(strCont);
    }    return strCont;
}

然后使用:newContent=ReCont(strCont)就可以把表情标签更换为图片了。

另插入小说明:在js里插入特殊字符:

下面的表格列出了其余的特殊字符,这些特殊字符都可以使用反斜杠来添加到文本字符串中:代码 输出\’ 单引号\" 双引号

\& 和号\\ 反斜杠\n 换行符\r 回车符\t 制表符\b 退格符

把一个字符串里符合表情文字标签的地方全部替换为相应的图片的方法相关推荐

  1. 如何判断一个字符串里有多少个汉字?(原理及过程)

           前言:在站里看到许多关于这个问题的文章,都大差不差,但基本用的java语言,且讲述原理的过程比较繁琐.晦涩,不适于c语言初学者.文中涉及到区位码.国标码.机内码的转换,可跳过. 解该题目 ...

  2. 使用java代码判断一个字符串里是否包含中文字符

    测试代码: package unicode;import org.apache.commons.lang3.StringUtils;public class ChineseTest {public s ...

  3. php从一个字符串中过滤掉英文,php过滤只保留中文,英文以及数字的方法

    今天在开发一个关于QQ号登录的功能时,发现获取的QQ号昵称中有的带有一些特殊的字符.而这些带有特殊字符的昵称在其它功能中调用时会发生一些判断错误,所以就写了一个过滤的正规表达式,用来过滤昵称中的特殊字 ...

  4. 代码随想录算法训练营第八天|● 344.反转字符串● 541. 反转字符串II● 剑指Offer 05.替换空格● 151.翻转字符串里的单词● 剑指Offer58-II.左旋转字符

    一.344.反转字符串 力扣 思路:很简单的一个for循环双指针,left和right交换. class Solution {public void reverseString(char[] s) { ...

  5. 用JavaScript去找出一个数组里的所有素数(质数)

    varx, //定义一个变量xr, arr = []; //定义一个空数组 for (x = 1; x < 100; x++) {arr.push(x); //把1-100依次放到数组arr中 ...

  6. 猜字谜 外国友人仿照中国字谜设计了一个英文版猜字谜小游戏,请你来猜猜看吧。 字谜的迷面 puzzle 按字符串形式给出,如果一个单词 word 符合下面两个条件,那么它就可以算作谜底:

    今天是元宵节,力扣也细心地为我们准备了一道有关节日的题,一起看看吧: 1178. 猜字谜 外国友人仿照中国字谜设计了一个英文版猜字谜小游戏,请你来猜猜看吧. 字谜的迷面 puzzle 按字符串形式给出 ...

  7. 把字符串里的整数倒叙一个一个打印出来

    把字符串里的整数倒叙一个一个打印出来 int count = 0; void myRevert(int n, int a[]) {if (n < 10){a[count++] = n;}else ...

  8. 如何将字符数组里的内容转换成uint8的类型?将一个字符数组里面的所有元素变成一个字符串?

      1. 如何将字符数组里的内容转换成uint8的类型? time_t t; struct tm *p;t=atoi(myTime);//myTime里面放的是一个时间戳:char myTime[11 ...

  9. 72.编辑距离105.前序中序遍历序列构造二叉树151.翻转字符串里的单词104.二叉树的最大深度76.最小覆盖子串110.平衡二叉树31.下一个排列

    72.编辑距离 给你两个单词 word1 和 word2, 请返回将 word1 转换成 word2 所使用的最少操作数 .你可以对一个单词进行如下三种操作:插入一个字符,删除一个字符,替换一个字符. ...

最新文章

  1. Ubuntu 系统 Pycharm中无法使用中文输入法问题
  2. 评价一个人,就是要看他把时间都花在哪了
  3. [转]nchar,char,varchar与nvarchar区别
  4. oracle删除orcl库_oracle删除数据文件
  5. linux6安装图形化界面,centos 6.8 图形界面安装
  6. Linux系统中使用pdb调试python代码
  7. Linux 命令(51)—— ipcs 命令
  8. python官网的软件-mPython
  9. Active Directory 灾难恢复
  10. day02_20190106 基础数据类型 编码 运算符
  11. Python并发编程之多进程(实战)
  12. MySQL表中部分字段生成视图_MySQL学习笔记之视图
  13. Delphi7学习第一天
  14. matlab 读取npy,在将mat中的mat数据转换为Python中使用的NPY数据时遇到的Pit问题,Matlab,转成,python,npy,坑...
  15. 1972 年 11 月 29 日:雅达利推出投币式街机游戏《乓》
  16. 蓝桥杯 Java 自行车停放(双向链表解法)
  17. LintCode 627.最长回文串
  18. PTA换硬币【满分】
  19. 表情识别(七)--面部表情识别阶段综述
  20. 持续更新 BUUCTF——PWN(一)

热门文章

  1. 小白配置QConf遇到的问题
  2. 深度工作:充分使用每一份脑力
  3. 67 个JavaScript和CSS实用工具、库与资源
  4. Nginx upstream 配置
  5. Python 爬虫知识点 - 淘宝商品检索结果抓包分析(续一)
  6. solaris11-text-安装GUI(gnome)
  7. [转]网页栅格系统研究(2):蛋糕的切法
  8. fetch 自动加cookie_WEBUI自动化开发(第五章)
  9. bind php,PHP – bind_result到数组
  10. 查询Linux系统网卡流量负载,超好用linux系统查询网卡等流量参数的工具,分享给大家!!!...