本文介绍了在前端页面中实现emoji显示的方法，主要探讨了emojify.js和emoji两个库的使用，包括它们的工作原理、优缺点及具体示例。emojify.js提供了全面的emoji图片，但仅识别双引号包裹的emoji；而emoji库能识别Utf-16形式的emoji，但图片不全且未被频繁更新。
概述
最近在工作中遇到了移动端emoji的显示问题，于是查找了一些相关资料，试验了一番，把心得记录下来，供以后开发时参考，相信对其他人也有用。
参考资料：
为网站添加emoji表情的支持
思路
在页面上使用emoji主要推荐2个库：emojify.js和emoji。
其实所有emoji库的思路都是，用js找出字符串里面表示emoji的字符串，然后将它替换为img标签即可，也可以把它替换为span标签，然后用雪碧图的方式引入emoji图片。
下面来介绍一下这两个库的使用方法。
emojify.js
Github链接：emojify.js
首先去它的github下载它的css，js和images，然后运用它提供的replace这个api来把emoji字符串替换为图片。示例如下：
<!DOCTYPE html>
<html lang="en">
<head>
最低0.47元/天 解锁文章
扫一扫
3481
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
