我们现在每天的微信聊天、工作交流、社交平台发文都在使用 emoji 表情, Emoji 表情扩展了我们的表达方式。有时候一些话不知道怎么说,使用 Emoji 表情就很适合。
作为前端开发者,你很有可能被要求实现 Emoji 表情的输入。那应该怎么实现呢?
1.Emoji Mart介绍
今天给大家推荐一款开源的 Emoji 表情前端实现:Emoji Mart。优点是使用简单,表情丰富,颜值超高。
除了高颜值外,Emoji Mart 支持的配置也很多。支持主题,语言国际化等配置。
2.Emoji Mart 安装及使用
Emoji Mart 可以通过 NPM 安装到前端项目,或者通过 CDN 的方式加载。
官方给出了 React 和 HTML 的实现示例。
HTML:
React:
如此高颜值的 emoji 输入工具包,你值得拥有~ 赶快上手试试吧。
我会继续分享前端相关的内容,欢迎大家点赞,评论,转发~