Skip to content

Instantly share code, notes, and snippets.

@fallingfree

fallingfree/index.html

Created October 14, 2014 03:00
Show Gist options
  • Save fallingfree/cf6295cc9391b12b4272 to your computer and use it in GitHub Desktop.
Save fallingfree/cf6295cc9391b12b4272 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
var list = {
"笑脸": "images/emoji/00_base@2x.png",
"微笑": "images/emoji/00_base@2x.png",
"高兴": "images/emoji/00_base@2x.png",
"色": "images/emoji/00_base@2x.png",
"哭": "images/emoji/00_base@2x.png",
"害羞": "images/emoji/00_base@2x.png",
"汗": "images/emoji/00_base@2x.png",
"亲": "images/emoji/00_base@2x.png",
"调皮": "images/emoji/00_base@2x.png",
"吐舌头": "images/emoji/00_base@2x.png",
"飞吻": "images/emoji/00_base@2x.png",
"媚眼": "images/emoji/00_base@2x.png",
"破涕为笑": "images/emoji/00_base@2x.png",
"瞌睡": "images/emoji/00_base@2x.png",
"苦逼": "images/emoji/00_base@2x.png",
"累": "images/emoji/00_base@2x.png",
"哼哼": "images/emoji/00_base@2x.png",
"龇牙": "images/emoji/00_base@2x.png",
"烦恼": "images/emoji/00_base@2x.png",
"生气": "images/emoji/00_base@2x.png",
"不屑": "images/emoji/00_base@2x.png",
"刺瞎": "images/emoji/00_base@2x.png",
"呆": "images/emoji/00_base@2x.png",
"吃惊": "images/emoji/00_base@2x.png",
"难过": "images/emoji/00_base@2x.png",
"忧郁": "images/emoji/00_base@2x.png",
"尴尬": "images/emoji/00_base@2x.png",
"害怕": "images/emoji/00_base@2x.png",
"愤怒": "images/emoji/00_base@2x.png",
"紧张": "images/emoji/00_base@2x.png",
"口罩": "images/emoji/00_base@2x.png",
"悠闲": "images/emoji/00_base@2x.png",
"恶魔": "images/emoji/00_base@2x.png",
"诱惑": "images/emoji/00_base@2x.png",
"猪头": "images/emoji/00_base@2x.png",
"奖杯": "images/emoji/00_base@2x.png",
"女孩": "images/emoji/00_base@2x.png",
"男孩": "images/emoji/00_base@2x.png",
"爱心": "images/emoji/00_base@2x.png",
"心碎": "images/emoji/00_base@2x.png",
"玫瑰": "images/emoji/00_base@2x.png",
"厉害": "images/emoji/00_base@2x.png",
"差劲": "images/emoji/00_base@2x.png",
"好的": "images/emoji/00_base@2x.png",
"肌肉": "images/emoji/00_base@2x.png",
"拳头": "images/emoji/00_base@2x.png",
"石头": "images/emoji/00_base@2x.png",
"禁止": "images/emoji/00_base@2x.png",
"喊话": "images/emoji/00_base@2x.png",
"布": "images/emoji/00_base@2x.png",
"胜利": "images/emoji/00_base@2x.png",
"鼓掌": "images/emoji/00_base@2x.png",
"推掌": "images/emoji/00_base@2x.png",
"阿弥陀佛": "images/emoji/00_base@2x.png",
"钻戒": "images/emoji/00_base@2x.png",
"钻石": "images/emoji/00_base@2x.png",
"爱情": "images/emoji/00_base@2x.png",
"小鬼": "images/emoji/00_base@2x.png",
"小狗": "images/emoji/00_base@2x.png",
"熊": "images/emoji/00_base@2x.png",
"高跟鞋": "images/emoji/00_base@2x.png",
"丘比特之箭": "images/emoji/00_base@2x.png",
"向上": "images/emoji/00_base@2x.png",
"向下": "images/emoji/00_base@2x.png",
"向右": "images/emoji/00_base@2x.png",
"向左": "images/emoji/00_base@2x.png",
"蛋糕": "images/emoji/00_base@2x.png",
"啤酒": "images/emoji/00_base@2x.png",
"冰淇淋": "images/emoji/00_base@2x.png",
"咖啡": "images/emoji/00_base@2x.png",
"茶": "images/emoji/00_base@2x.png",
"酒杯": "images/emoji/00_base@2x.png",
"生日蛋糕": "images/emoji/00_base@2x.png",
"米饭": "images/emoji/00_base@2x.png",
"面条": "images/emoji/00_base@2x.png",
"皇冠": "images/emoji/00_base@2x.png",
"礼物": "images/emoji/00_base@2x.png",
"薯条": "images/emoji/00_base@2x.png",
"沙冰": "images/emoji/00_base@2x.png",
"云": "images/emoji/00_base@2x.png",
"闪电": "images/emoji/00_base@2x.png",
"太阳": "images/emoji/00_base@2x.png",
"月亮": "images/emoji/00_base@2x.png",
"五角星": "images/emoji/00_base@2x.png",
"叹号": "images/emoji/00_base@2x.png",
"问号": "images/emoji/00_base@2x.png",
"天使": "images/emoji/00_base@2x.png",
"吹气": "images/emoji/00_base@2x.png",
"对抗": "images/emoji/00_base@2x.png",
"有钱": "images/emoji/00_base@2x.png",
"毒蛇": "images/emoji/00_base@2x.png",
"毛毛虫": "images/emoji/00_base@2x.png",
"青蛙": "images/emoji/00_base@2x.png",
"圣诞老人": "images/emoji/00_base@2x.png",
"飞镖": "images/emoji/00_base@2x.png",
"广播": "images/emoji/00_base@2x.png",
"睡觉": "images/emoji/00_base@2x.png",
"红叶": "images/emoji/00_base@2x.png",
"十八禁": "images/emoji/00_base@2x.png",
"K歌": "images/emoji/00_base@2x.png"
};
/**
*
* @param content{string}
*/
var emojiFilter = function(content, list) {
var re = /\[([^\[\]]+?)\]/g,
result = content.replace(re, function(match, p1) {
if (list[p1]) {
return '<img src="' + list[p1] + '" width="24" height="24" alt="' + p1 + '">';
} else {
return match;
}
});
// 测试
document.body.innerHTML = result;
};
emojiFilter("[[][刺瞎]][亲][吃惊][哈哈]asldfjlasjdfasdfasdf<br />asdfklasdjfljasfd", list);
</script>
</body>
</html>
Raw
jsbin.gicolo.js
var list = {
"笑脸": "images/emoji/00_base@2x.png",
"微笑": "images/emoji/00_base@2x.png",
"高兴": "images/emoji/00_base@2x.png",
"色": "images/emoji/00_base@2x.png",
"哭": "images/emoji/00_base@2x.png",
"害羞": "images/emoji/00_base@2x.png",
"汗": "images/emoji/00_base@2x.png",
"亲": "images/emoji/00_base@2x.png",
"调皮": "images/emoji/00_base@2x.png",
"吐舌头": "images/emoji/00_base@2x.png",
"飞吻": "images/emoji/00_base@2x.png",
"媚眼": "images/emoji/00_base@2x.png",
"破涕为笑": "images/emoji/00_base@2x.png",
"瞌睡": "images/emoji/00_base@2x.png",
"苦逼": "images/emoji/00_base@2x.png",
"累": "images/emoji/00_base@2x.png",
"哼哼": "images/emoji/00_base@2x.png",
"龇牙": "images/emoji/00_base@2x.png",
"烦恼": "images/emoji/00_base@2x.png",
"生气": "images/emoji/00_base@2x.png",
"不屑": "images/emoji/00_base@2x.png",
"刺瞎": "images/emoji/00_base@2x.png",
"呆": "images/emoji/00_base@2x.png",
"吃惊": "images/emoji/00_base@2x.png",
"难过": "images/emoji/00_base@2x.png",
"忧郁": "images/emoji/00_base@2x.png",
"尴尬": "images/emoji/00_base@2x.png",
"害怕": "images/emoji/00_base@2x.png",
"愤怒": "images/emoji/00_base@2x.png",
"紧张": "images/emoji/00_base@2x.png",
"口罩": "images/emoji/00_base@2x.png",
"悠闲": "images/emoji/00_base@2x.png",
"恶魔": "images/emoji/00_base@2x.png",
"诱惑": "images/emoji/00_base@2x.png",
"猪头": "images/emoji/00_base@2x.png",
"奖杯": "images/emoji/00_base@2x.png",
"女孩": "images/emoji/00_base@2x.png",
"男孩": "images/emoji/00_base@2x.png",
"爱心": "images/emoji/00_base@2x.png",
"心碎": "images/emoji/00_base@2x.png",
"玫瑰": "images/emoji/00_base@2x.png",
"厉害": "images/emoji/00_base@2x.png",
"差劲": "images/emoji/00_base@2x.png",
"好的": "images/emoji/00_base@2x.png",
"肌肉": "images/emoji/00_base@2x.png",
"拳头": "images/emoji/00_base@2x.png",
"石头": "images/emoji/00_base@2x.png",
"禁止": "images/emoji/00_base@2x.png",
"喊话": "images/emoji/00_base@2x.png",
"布": "images/emoji/00_base@2x.png",
"胜利": "images/emoji/00_base@2x.png",
"鼓掌": "images/emoji/00_base@2x.png",
"推掌": "images/emoji/00_base@2x.png",
"阿弥陀佛": "images/emoji/00_base@2x.png",
"钻戒": "images/emoji/00_base@2x.png",
"钻石": "images/emoji/00_base@2x.png",
"爱情": "images/emoji/00_base@2x.png",
"小鬼": "images/emoji/00_base@2x.png",
"小狗": "images/emoji/00_base@2x.png",
"熊": "images/emoji/00_base@2x.png",
"高跟鞋": "images/emoji/00_base@2x.png",
"丘比特之箭": "images/emoji/00_base@2x.png",
"向上": "images/emoji/00_base@2x.png",
"向下": "images/emoji/00_base@2x.png",
"向右": "images/emoji/00_base@2x.png",
"向左": "images/emoji/00_base@2x.png",
"蛋糕": "images/emoji/00_base@2x.png",
"啤酒": "images/emoji/00_base@2x.png",
"冰淇淋": "images/emoji/00_base@2x.png",
"咖啡": "images/emoji/00_base@2x.png",
"茶": "images/emoji/00_base@2x.png",
"酒杯": "images/emoji/00_base@2x.png",
"生日蛋糕": "images/emoji/00_base@2x.png",
"米饭": "images/emoji/00_base@2x.png",
"面条": "images/emoji/00_base@2x.png",
"皇冠": "images/emoji/00_base@2x.png",
"礼物": "images/emoji/00_base@2x.png",
"薯条": "images/emoji/00_base@2x.png",
"沙冰": "images/emoji/00_base@2x.png",
"云": "images/emoji/00_base@2x.png",
"闪电": "images/emoji/00_base@2x.png",
"太阳": "images/emoji/00_base@2x.png",
"月亮": "images/emoji/00_base@2x.png",
"五角星": "images/emoji/00_base@2x.png",
"叹号": "images/emoji/00_base@2x.png",
"问号": "images/emoji/00_base@2x.png",
"天使": "images/emoji/00_base@2x.png",
"吹气": "images/emoji/00_base@2x.png",
"对抗": "images/emoji/00_base@2x.png",
"有钱": "images/emoji/00_base@2x.png",
"毒蛇": "images/emoji/00_base@2x.png",
"毛毛虫": "images/emoji/00_base@2x.png",
"青蛙": "images/emoji/00_base@2x.png",
"圣诞老人": "images/emoji/00_base@2x.png",
"飞镖": "images/emoji/00_base@2x.png",
"广播": "images/emoji/00_base@2x.png",
"睡觉": "images/emoji/00_base@2x.png",
"红叶": "images/emoji/00_base@2x.png",
"十八禁": "images/emoji/00_base@2x.png",
"K歌": "images/emoji/00_base@2x.png"
};
/**
*
* @param content{string}
*/
var emojiFilter = function(content, list) {
var re = /\[([^\[\]]+?)\]/g,
result = content.replace(re, function(match, p1) {
if (list[p1]) {
return '<img src="' + list[p1] + '" width="24" height="24" alt="' + p1 + '">';
} else {
return match;
}
});
// 测试
document.body.innerHTML = result;
};
emojiFilter("[[][刺瞎]][亲][吃惊][哈哈]asldfjlasjdfasdfasdf<br />asdfklasdjfljasfd", list);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment