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/[email protected]",
"微笑": "images/emoji/[email protected]",
"高兴": "images/emoji/[email protected]",
"色": "images/emoji/[email protected]",
"哭": "images/emoji/[email protected]",
"害羞": "images/emoji/[email protected]",
"汗": "images/emoji/[email protected]",
"亲": "images/emoji/[email protected]",
"调皮": "images/emoji/[email protected]",
"吐舌头": "images/emoji/[email protected]",
"飞吻": "images/emoji/[email protected]",
"媚眼": "images/emoji/[email protected]",
"破涕为笑": "images/emoji/[email protected]",
"瞌睡": "images/emoji/[email protected]",
"苦逼": "images/emoji/[email protected]",
"累": "images/emoji/[email protected]",
"哼哼": "images/emoji/[email protected]",
"龇牙": "images/emoji/[email protected]",
"烦恼": "images/emoji/[email protected]",
"生气": "images/emoji/[email protected]",
"不屑": "images/emoji/[email protected]",
"刺瞎": "images/emoji/[email protected]",
"呆": "images/emoji/[email protected]",
"吃惊": "images/emoji/[email protected]",
"难过": "images/emoji/[email protected]",
"忧郁": "images/emoji/[email protected]",
"尴尬": "images/emoji/[email protected]",
"害怕": "images/emoji/[email protected]",
"愤怒": "images/emoji/[email protected]",
"紧张": "images/emoji/[email protected]",
"口罩": "images/emoji/[email protected]",
"悠闲": "images/emoji/[email protected]",
"恶魔": "images/emoji/[email protected]",
"诱惑": "images/emoji/[email protected]",
"猪头": "images/emoji/[email protected]",
"奖杯": "images/emoji/[email protected]",
"女孩": "images/emoji/[email protected]",
"男孩": "images/emoji/[email protected]",
"爱心": "images/emoji/[email protected]",
"心碎": "images/emoji/[email protected]",
"玫瑰": "images/emoji/[email protected]",
"厉害": "images/emoji/[email protected]",
"差劲": "images/emoji/[email protected]",
"好的": "images/emoji/[email protected]",
"肌肉": "images/emoji/[email protected]",
"拳头": "images/emoji/[email protected]",
"石头": "images/emoji/[email protected]",
"禁止": "images/emoji/[email protected]",
"喊话": "images/emoji/[email protected]",
"布": "images/emoji/[email protected]",
"胜利": "images/emoji/[email protected]",
"鼓掌": "images/emoji/[email protected]",
"推掌": "images/emoji/[email protected]",
"阿弥陀佛": "images/emoji/[email protected]",
"钻戒": "images/emoji/[email protected]",
"钻石": "images/emoji/[email protected]",
"爱情": "images/emoji/[email protected]",
"小鬼": "images/emoji/[email protected]",
"小狗": "images/emoji/[email protected]",
"熊": "images/emoji/[email protected]",
"高跟鞋": "images/emoji/[email protected]",
"丘比特之箭": "images/emoji/[email protected]",
"向上": "images/emoji/[email protected]",
"向下": "images/emoji/[email protected]",
"向右": "images/emoji/[email protected]",
"向左": "images/emoji/[email protected]",
"蛋糕": "images/emoji/[email protected]",
"啤酒": "images/emoji/[email protected]",
"冰淇淋": "images/emoji/[email protected]",
"咖啡": "images/emoji/[email protected]",
"茶": "images/emoji/[email protected]",
"酒杯": "images/emoji/[email protected]",
"生日蛋糕": "images/emoji/[email protected]",
"米饭": "images/emoji/[email protected]",
"面条": "images/emoji/[email protected]",
"皇冠": "images/emoji/[email protected]",
"礼物": "images/emoji/[email protected]",
"薯条": "images/emoji/[email protected]",
"沙冰": "images/emoji/[email protected]",
"云": "images/emoji/[email protected]",
"闪电": "images/emoji/[email protected]",
"太阳": "images/emoji/[email protected]",
"月亮": "images/emoji/[email protected]",
"五角星": "images/emoji/[email protected]",
"叹号": "images/emoji/[email protected]",
"问号": "images/emoji/[email protected]",
"天使": "images/emoji/[email protected]",
"吹气": "images/emoji/[email protected]",
"对抗": "images/emoji/[email protected]",
"有钱": "images/emoji/[email protected]",
"毒蛇": "images/emoji/[email protected]",
"毛毛虫": "images/emoji/[email protected]",
"青蛙": "images/emoji/[email protected]",
"圣诞老人": "images/emoji/[email protected]",
"飞镖": "images/emoji/[email protected]",
"广播": "images/emoji/[email protected]",
"睡觉": "images/emoji/[email protected]",
"红叶": "images/emoji/[email protected]",
"十八禁": "images/emoji/[email protected]",
"K歌": "images/emoji/[email protected]"
};
/**
*
* @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/[email protected]",
"微笑": "images/emoji/[email protected]",
"高兴": "images/emoji/[email protected]",
"色": "images/emoji/[email protected]",
"哭": "images/emoji/[email protected]",
"害羞": "images/emoji/[email protected]",
"汗": "images/emoji/[email protected]",
"亲": "images/emoji/[email protected]",
"调皮": "images/emoji/[email protected]",
"吐舌头": "images/emoji/[email protected]",
"飞吻": "images/emoji/[email protected]",
"媚眼": "images/emoji/[email protected]",
"破涕为笑": "images/emoji/[email protected]",
"瞌睡": "images/emoji/[email protected]",
"苦逼": "images/emoji/[email protected]",
"累": "images/emoji/[email protected]",
"哼哼": "images/emoji/[email protected]",
"龇牙": "images/emoji/[email protected]",
"烦恼": "images/emoji/[email protected]",
"生气": "images/emoji/[email protected]",
"不屑": "images/emoji/[email protected]",
"刺瞎": "images/emoji/[email protected]",
"呆": "images/emoji/[email protected]",
"吃惊": "images/emoji/[email protected]",
"难过": "images/emoji/[email protected]",
"忧郁": "images/emoji/[email protected]",
"尴尬": "images/emoji/[email protected]",
"害怕": "images/emoji/[email protected]",
"愤怒": "images/emoji/[email protected]",
"紧张": "images/emoji/[email protected]",
"口罩": "images/emoji/[email protected]",
"悠闲": "images/emoji/[email protected]",
"恶魔": "images/emoji/[email protected]",
"诱惑": "images/emoji/[email protected]",
"猪头": "images/emoji/[email protected]",
"奖杯": "images/emoji/[email protected]",
"女孩": "images/emoji/[email protected]",
"男孩": "images/emoji/[email protected]",
"爱心": "images/emoji/[email protected]",
"心碎": "images/emoji/[email protected]",
"玫瑰": "images/emoji/[email protected]",
"厉害": "images/emoji/[email protected]",
"差劲": "images/emoji/[email protected]",
"好的": "images/emoji/[email protected]",
"肌肉": "images/emoji/[email protected]",
"拳头": "images/emoji/[email protected]",
"石头": "images/emoji/[email protected]",
"禁止": "images/emoji/[email protected]",
"喊话": "images/emoji/[email protected]",
"布": "images/emoji/[email protected]",
"胜利": "images/emoji/[email protected]",
"鼓掌": "images/emoji/[email protected]",
"推掌": "images/emoji/[email protected]",
"阿弥陀佛": "images/emoji/[email protected]",
"钻戒": "images/emoji/[email protected]",
"钻石": "images/emoji/[email protected]",
"爱情": "images/emoji/[email protected]",
"小鬼": "images/emoji/[email protected]",
"小狗": "images/emoji/[email protected]",
"熊": "images/emoji/[email protected]",
"高跟鞋": "images/emoji/[email protected]",
"丘比特之箭": "images/emoji/[email protected]",
"向上": "images/emoji/[email protected]",
"向下": "images/emoji/[email protected]",
"向右": "images/emoji/[email protected]",
"向左": "images/emoji/[email protected]",
"蛋糕": "images/emoji/[email protected]",
"啤酒": "images/emoji/[email protected]",
"冰淇淋": "images/emoji/[email protected]",
"咖啡": "images/emoji/[email protected]",
"茶": "images/emoji/[email protected]",
"酒杯": "images/emoji/[email protected]",
"生日蛋糕": "images/emoji/[email protected]",
"米饭": "images/emoji/[email protected]",
"面条": "images/emoji/[email protected]",
"皇冠": "images/emoji/[email protected]",
"礼物": "images/emoji/[email protected]",
"薯条": "images/emoji/[email protected]",
"沙冰": "images/emoji/[email protected]",
"云": "images/emoji/[email protected]",
"闪电": "images/emoji/[email protected]",
"太阳": "images/emoji/[email protected]",
"月亮": "images/emoji/[email protected]",
"五角星": "images/emoji/[email protected]",
"叹号": "images/emoji/[email protected]",
"问号": "images/emoji/[email protected]",
"天使": "images/emoji/[email protected]",
"吹气": "images/emoji/[email protected]",
"对抗": "images/emoji/[email protected]",
"有钱": "images/emoji/[email protected]",
"毒蛇": "images/emoji/[email protected]",
"毛毛虫": "images/emoji/[email protected]",
"青蛙": "images/emoji/[email protected]",
"圣诞老人": "images/emoji/[email protected]",
"飞镖": "images/emoji/[email protected]",
"广播": "images/emoji/[email protected]",
"睡觉": "images/emoji/[email protected]",
"红叶": "images/emoji/[email protected]",
"十八禁": "images/emoji/[email protected]",
"K歌": "images/emoji/[email protected]"
};
/**
*
* @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