VUE + H5前端文本框输入和展示 表情解决方案-----编码格式转换

本文介绍了两种在Vue.js和HTML5应用中处理表情输入和展示的方法。第一种方法是在存储和读取时进行编码和解码,通过公共JS函数实现。第二种方法涉及前端编码,解决了输入表情后与后端交互的异常,通过16进制和8进制编码转换来确保数据正确性。第一种方案在回显时效果理想,但第二种方案虽然能存储,但在读取后无法再次放入输入框编辑。
摘要由CSDN通过智能技术生成

第一种:在存取时进行编码:(我本次使用的方式)

存储时编码:emoji_encode

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

取数据时解码:

/**对表情解码**/
function emojiDecode(e){
    var n = /\&#.*?;/g;//获取数据库种16进制的数据
       //然后进行解码操作
    return e.replace(n, function (e) {
        var 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.toSt
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值