1、先上张图片，给大家看看需求是什么样的：
要求在安卓端或是iOS端上添加的emoji表情要能在web端进行展示出来。
2、拿到这种需求，对于底层的程序员来说，没办法以前没接触过，我只在斗图中见它们的次数比较多，所以只能去寻找度娘的帮助，你知道的，度娘给我们展示的一般都是比较高级的。所以一般文字太多的比较看不懂，尤其是讲述一些编码的问题，我更是不懂，所以还是手把手的教程比较靠谱。
3、我开始从数据库中拿到的数据是这样的
我展示出来的效果也是这样的，带一些小框框，这怎么能忍受的了，果断去寻找解决的办法。
4、最终，I get it ,下面我讲述一些解决的办法。
5、首先引入，emoji.css emoji.js emoji.png这三个文件。记住这三个资源文件是在同一层的，并且千万别忘记引用.png图片，因为表情的展示全靠它呢。
这里看到了没，最关键的代码，其中$('.remark-edit')是你用来展示表情的div，记住div里存放的是展示表情和字符串的文本，不能有其他的标签在里面，我试了会出错，不过也肯定能解决，我没尝试哈，大家可以试试看。
emoji.unifiedToHTML(html)就是调用emoji.js里的表情解析方法，我用的是avalon引入js的方法，如果想直接引入，你可以用emoji.js里的对象
如果要进行发送评论的时候要注意对emoji表情进行反解析，也就是过滤掉span标签，进行还原为原始的数据，看下图所示：
就是这个来去调用。
Emoji表情符号在OS X系统和iOS、Android、Windows Phone等各个手机中已经默认支持，所以在这些设备的Web端显示没有问题，可直接使用。
但是在Windows系统中，Web端显示Emoji或多或少都有一些问题。
首先，Windows 8 和 Windows Server 2012 默认也是支持 Emoji 的，但是只有在IE浏览器中才会显示。至于
Windows 7 和 Windows Server 2008 R2 只要是更新了补丁包 KB2729094
的，也可以在IE中直接显示Emoji。而这些系统的非IE浏览器却无法显示。
其实，补丁包 KB2729094 对Emoji的支持只不过是增加了“Segoe UI 符号字体”，只要在Web端CSS中引入这个字体，便可以让所有浏览器都支持Emoji。
1.口罩护目镜头像生成器（手机）
https://h5.codefuture.top/2020-mask/
2.porn hub logo风格logo
https://lab.bangbang93.com/porn-hub
3.为所欲为成语生成器（随机一个字接龙到为所欲为）
https://lab.bangbang93.com/wsyw
4.一个顶俩成语生成器
https://lab.bangbang93.com/ygdl
5.成语接龙生成器
https://www.jiuwa.net/chengyu/jielong/
6.动漫少女生成器（随机生成动漫少女和故事）
https://www.thiswaifudoesnotexist.net/
7.动漫女角色生成器
https://make.girls.moe/#/
8.照片变动漫角色
https://selfie2anime.com/
9.小人头生成器
https://getavataaars.com/
http://1.hus.tcapps.twocola.com/ （国内版）
10.小黄人表情生成器
https://www.html5tricks.com/demo/html5-emoji-editor/index.html
emoji就是表情符号，来自日语词汇绘文字（日语：絵文字/えもじ emoji）是日本在无线通信中所使用的视觉情感符号，绘意指图形，文字则是图形的隐喻，可用来代表多种表情，如笑脸表示笑、蛋糕表示食物等。
在NTTDoCoMo的i-mode系统电话系统中，绘文字的尺寸是12x12 像素，在传送时，一个图形有2个字节。Unicode编码为E63E到E757。而在Shift-JIS编码则是从F89F到F9FC。基本的绘文字共有176个符号，在C-HTML4.0的编程语言中，则另增添了76个情感符号。
最早由栗田穰崇（Shigetaka Kurit）创作，并在日本网络及手机用户中流行。
自苹果公司发布的iOS 5输入法中加入了emoji后，这种表情符号开始席卷全球，目前emoji已被大多数现代计算机系统所兼容的Unicode编码采纳，普遍应用于各种手机短信和社交网络中。
参考：http://baike.baidu.com/view/2631589.htm
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）