解析表情 | Bruce's Blog

<!DOCTYPE html>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>
<title></title>
<scriptsrc="jquery.min.js"></script>
<style>
#emoji span {
float: left;
display: block;
width:30px;
height:30px;
line-height:30px;
font-size:16px;
cursor: pointer;
}
</style>
</head>
<body>
<formid="form1"runat="server"action="index.aspx"method="post">
<div>
<inputtype="hidden"name="content"id="content"/>
<asp:TextBoxID="TextBox1"runat="server"></asp:TextBox>
<br/>
<divstyle=""id="emoji">
</div>
<inputtype="submit"value="Submit">
<inputtype="button"id="submit"value="post submit"onclick="submmitForm()"/>
</div>
</form>
<script>
String.prototype.replaceAll =function(s1, s2){
returnthis.replace(newRegExp(s1,"gm"), s2);
}
var emojiChar ='😍-😰-😅-😊';
var emojiList = emojiChar.split('-');
function addemoji(i){
$('#TextBox1').val($('#TextBox1').val()+ emojiList[i]);
}
function submmitForm(){
var text = $('#TextBox1').val();
for(var i =0; i < emojiList.length; i++){
text = text.replaceAll(emojiList[i],'['+ i +']');
}
$('#content').val(text);
//alert($('#content').val());
$('form').submit();
}
$(function(){
for(var i =0; i < emojiList.length; i++){
$('#emoji').append('<span onclick="addemoji('+ i +')">'+ emojiList[i]+'</span>');
}
});
</script>
</body>
</html>