js 移動端的表情包
阿新 • • 發佈:2019-01-05
通常玩移動端的評論的時候,經常會涉及到表情包的時候,如果不進行處理,那麼會導致輸入解析後的評論內容的表情包位置為變成問好的形式,所以我們在進行評論提交 的時候對錶情包進行轉化,再在渲染時對後臺返回的資料進行解析。多說無益,請看程式碼~~~
將表情轉為字元
function utf16toEntities(str) {
var patt=/[\ud800-\udbff][\udc00-\udfff]/g; // 檢測utf16字元正則
str = str.replace(patt, function(char){
var H, L, code;
if (char .length===2) {
H = char.charCodeAt(0); // 取出高位
L = char.charCodeAt(1); // 取出低位
code = (H - 0xD800) * 0x400 + 0x10000 + L - 0xDC00; // 轉換演算法
return "&#" + code + ";";
} else {
return char;
}
});
return str;
}
將字元轉為表情
function uncodeUtf16 (str){
var reg = /\&#.*?;/g;
var result = str.replace(reg,function(char){
var H,L,code;
if(char.length == 9 ){
code = parseInt(char.match(/[0-9]+/g));
H = Math.floor((code-0x10000) / 0x400)+0xD800;
L = (code - 0x10000) % 0x400 + 0xDC00;
return unescape ("%u"+H.toString(16)+"%u"+L.toString(16));
}else{
return char;
}
});
return result;
}
剩下的就是函式的呼叫啦,這裡就不過多的敘述啦!