前端emojs_Emoji-Chat emoji表情包发送及显示兼容web端、移动端

序言

在如今聊天表情包满天飞的当下，聊天过程中想发送个表情感慨一下情绪在所难免，当下我就遇到这么个需求，希望在web端聊天室中可以发送表情，还得在web端、微信H5、app端、微信公众号里均可以正常显示出来

看到这个需求我的内心是这样的

一番Google下来发现网上的大多都是移动端发送，以字典的方式匹配替换后web端只是单纯的做显示而已，难以找出符合我需求的文章了，那没办法，产品是老大，只能自己研究研究咯。。。

心痒痒的话就先看看效果：click me

完整demo在这儿：click me

设计方案一

最开始的设计思路是既然emoji表情有对应的Unicode码，那么是不是可以直接就使用Unicode码来进行传输及显示，直接不做任何处理，基于各平台对Unicode的支持，让其自生自灭呢？想着就干，尝试一波再说。。。

看到这里如果真的动手去尝试了么估计你是真的没有好好了解一波emoji的Unicode码，只要进入官网或者各统计平台应该应该都可以看到这个东西

由上图可以看出个移动端对emoji的支持都存在如此大的差异，那么PC端的差距不看也知道不忍直视了，当然可能基于好奇和专研的精神，个别还是想去尝试一波，断绝念头。。。好比如我

.emoji-con_span {

display: block;

width: 300px;

background-color: #cee6ff;

color: #282828;

border-radius: 4px;

padding: 8px 12px;

box-sizing: border-box;

}

emoji：

前端emojs_Emoji-Chat emoji表情包发送及显示兼容web端、移动端相关推荐

Emoji-Chat emoji表情包发送及显示兼容web端、移动端
Emoji-Chat emoji表情包发送及显示兼容web端.移动端序言在如今聊天表情包满天飞的当下,聊天过程中想发送个表情感慨一下情绪在所难免,当下我就遇到这么个需求,希望在web端聊天室中可以 ...
html怎么发送表情,前端怎么解决emoji表情无法发送的BUG
之前在做移动端开发时候,有一个发表评论的功能需要实现,虽然这个功能比较简单能做出来,但是我在测试的时候说手机自带的emoji表情发送失败的BUG总是出现,所以今天给大家带来出现这种BUG的解决方法 ...
markdown中快速插入Emoji表情包语法速查表！！！
markdown中快速插入Emoji表情包语法速查表!!!
CSS雪碧图制作emoji表情包
效果图: 原理:利用雪碧图,来实现emoji表情包,减少图片请求数. 表情包转换为文字 & 文字转换为表情包维护两个对象来实现. 缺点:表情包大小由雪碧图中表情包大小控制,不能更改. htm ...
Mysql关于处理emoji表情包报错问题的处理
mysql使用emoji表情的功能,在mysql 5.5 之前,UTF-8编码只支持1-3个字节:从MySQL 5.5开始,可以支持4个字节UTF编码 utf8mb4 ,一个字符能够支持更多的字符集, ...
js文本内去除emoji表情包
利用正则匹配emoji表情包并且去除 let Arr=['emoji
【Cocos2d-x】HttpClient实现表情包下载与显示
转载请注明出处:https://blog.csdn.net/qq_28779503 Cocos2d-x封装了3个类来处理HTTP请求: HttpRequest,HttpClient和HttpResp ...
vue 使用emoji表情包
1.前端页面 vue <template><div class="test"><div v-show="show" :class= ...
ios emjoi java_前端App开发，实际工作中三端（android,ios,前端H5）emoji表情显示解决方案...
想起最近开发APP的时候,产品提的一个需求,用户的帖子正文还有评论内容里,要能够显示emoji表情,因为我们这款app是混合开发的,APP里的发贴,发评论是原生做的(android和ios),但帖子详 ...

前端emojs_Emoji-Chat emoji表情包发送及显示兼容web端、移动端

前端emojs_Emoji-Chat emoji表情包发送及显示兼容web端、移动端相关推荐

最新文章

热门文章