將jquery.qqFace.js表情轉(zhuǎn)換成微信的字符碼

更新時(shí)間：2017年12月01日 17:05:09 作者：小倔驢

這篇文章主要介紹了將jquery.qqFace.js表情轉(zhuǎn)換成微信的字符碼的方法，以及jquery.qqface.js的使用方法，需要的朋友可以參考下

jquery.qqFace.js使用方法

引用

<script src="~/Content/qqFace/js/jquery.qqFace.js?v=3"></script>
<script src="~/Content/qqFace/js/jquery-browser.js"></script>

html

<div style="width:50px;height:30px;margin-top:3px;text-align:center;line-height:30px;border-right:1px solid #dee5e7"><img src="~/Content/emoji.png" class="emotion" /></div>
<textarea class="input" id="saytext" name="saytext" style="display:none"></textarea>

初始化

$(function () {
$('.emotion').qqFace({
id: 'facebox',
assign: 'saytext', //給輸入框賦值
path: '/Content/qqFace/arclist/' //表情圖片存放的路徑
});
});

原來(lái)的jQuery.qqface.js有下面這個(gè)方法

function replace_em(str) {
str = str.replace(/\</g, '&lt;');
str = str.replace(/\>/g, '&gt;');
str = str.replace(/\n/g, '<br/>');
str = str.replace(/\[em_([0-9]*)\]/g, '<img src="/Content/qqFace/arclist/$1.gif" border="0" />');
return str;
}

點(diǎn)擊表情會(huì)把表情轉(zhuǎn)換成圖片保存到$("#saytext")里，我自己修改一下將表情在我們需要顯示地方顯示出來(lái)

//修改原來(lái)js
var str = $("#saytext").val().trim();
$("#show").append(replace_em(str));
$("#saytext").val('');

將表情轉(zhuǎn)換成微信字符碼，因?yàn)樽鑫⑿抛詣?dòng)回復(fù)時(shí)回復(fù)文本消息不能回復(fù)文字加圖片，所以我對(duì)照網(wǎng)上的數(shù)據(jù)，將表情圖片一一對(duì)應(yīng)的字符碼找出來(lái)

我自己拼的字符碼，按照上面表情的順序組合的，有的沒(méi)找到嗎直接用微信的文字表示，微信發(fā)出去收到的也可以轉(zhuǎn)換成表情

 private string emoij = "/::);/::~;/::B;/::|;/::<;/::$;/::X;/::Z;/::'(;/::-|;/::@;/::P;/::D;/::O;/::(;/:–b;/::Q;/::T;/:,@P;/:,@-D;/::d;/:,@o;/::g;/:|-);/::!;/::L;/::>;/::,@;/:,@f;/::-S;/:?;/:,@x;/:,@@;/::8;/:,@!;/:xx;/:bye;/:wipe;/:dig;/:&-(;/:B-);/:<@;/:@>;/::-O;/:>-|;/:P-(;/::'|;/:X-);/::*;/:@x;/:8*;[擁抱];[月亮];[太陽(yáng)];[炸彈];/:!!!;/:pd;/:pig;/:<W>;/:coffee;/:eat;/:heart;[強(qiáng)];[弱];[握手];[勝利];[抱拳];[勾引];[OK];[NO];/:rose;/:fade;/:showlove;[跳跳];[轉(zhuǎn)圈]";
var emoijarray = emoij.Split(';');
int len = emoijarray.Length;
for (int i = 0; i < len; i++)
{
string str = string.Format("<img src={0}/Content/qqFace/arclist/{1}.gif{2} border={3}0{4}>",'"',i+1, '"', '"', '"');
if (xmlstr.Contains(str))//查找發(fā)送的文本消息中是否含有表情圖片標(biāo)簽，有的話替換成對(duì)應(yīng)的字符碼，或許大家有更好的方式替換，我這只是循環(huán)去查找匹配的替換
{
xmlstr = xmlstr.Replace(str, emoijarray[i]);
}
}

這是微信上就可以收到表情了

總結(jié)

以上所述是小編給大家介紹的將jquery.qqFace.js表情轉(zhuǎn)換成微信的字符碼，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！