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