vue 表情包编码转换

冰糖果粒橙

已于 2023-02-03 09:49:15 修改

阅读量468

点赞数

文章标签： javascript 开发语言 ecmascript Powered by 金山文档

于 2023-02-03 09:47:11 首次发布

本文链接：https://blog.csdn.net/weixin_46324536/article/details/128861285

版权

表情包：

emojisList: [
                    '😄', '😃', '😀', '😊', '😉', '😍', '😘', '😚', '😗',
                    '😙', '😜', '😝', '😛', '😳', '😁', '😔', '😌', '😒',
                    '😞', '😣', '😢', '😂', '😭', '😪', '😥', '😰', '😅',
                    '😓', '😩', '😫', '😨', '😱', '😠', '😡', '😤', '😖',
                    '👦', '👧', '👨', '👩', '👴', '👵', '👱', '👼', '👸',
                    '👀', '👍', '👎', '👌', '👊', '✊', '✌', '👉', '👏',
                    '💗', '💛', '💙', '💜', '💚', '❤', '💔', '💓', '💕',
                    '🌟', '💢', '🏃', '🙅', '💁', '🙋', '💼', '💬', '💭',
                ]

存储时编码：

/**对表情转义**/
            emojiEncode(e) {
                let n = /[\ud800-\udbff][\udc00-\udfff]/g;
                // 检测utf16字符正则
                return e = e.replace(n, function(e) {
                    let n, r;
                    return 2 === e.length ? (n = e.charCodeAt(0), r = e.charCodeAt(1),
                        "&#" + (1024 * (n - 55296) + 65536 + r - 56320) + ";") : e
                })
            },

取数据时解码：

/**对表情解码**/
            emojiDecode(e) {
                let n = /\&#.*?;/g; //获取数据库种16进制的数据
                //然后进行解码操作
                return e.replace(n, function(e) {
                    let n, r, t;
                    return 9 == e.length ? (t = parseInt(e.match(/[0-9]+/g)), n = Math.floor((t - 65536) / 1024) +
                        55296, r = (t - 65536) % 1024 + 56320, unescape("%u" + n.toString(16) + "%u" + r
                            .toString(16))) : e
                })
            },