android emoji 开源库,Emoji开源库推荐_支持emoji表情的js的开源项目总汇

Emoji(表情符号)的使用到处都有，想通过js为自己的网页添加Emoji吗？今天就为大家整理在Github上最受欢迎的Emoji开源库，让自己的页面显示Emoji。

twemoji

通过script标签加一个js文件就可以使用twemoji了。twemoji.parse函数既可以处理文本(将文本中的emoji的code转变为相应的img标签)，也可以处理DOM(通过document.createDocumentFragment()将现有的DOM中的emoji code转变为img标签，再通过appenchild加载到页面上)。

问题：twemoji对DOM的操作不适合react框架，而且只能在window.onload之后执行；服务器是在国外，表情的图片加载的比较慢，js有放到cdn上的版本就会好一些。

最后我选用了twemoji的处理文本的方案。之后会考虑将js做些修改，把js和表情图片放到网站服务器上提高请求速度。附加一篇简易的使用教程 https://blog.farrant.me/adding-emoji-support-to-any-website/

github地址：http://twitter.github.io/twemoji，是目前应用最广泛的，很多其它的开源方案都是基于它来实现的。

项目主页 https://twemoji.maxcdn.com/

emojify

同样是js模块，但是表情包使用的是一整张大的sheet，而不是分别请求单个表情。一整张真的很大啊！有多个不同版本表情包可以切换

github地址： http://hassankhan.github.io/emojify.js/

Emoji Cheat Sheet

Emoji Cheat Sheet 是绘文字短代码小抄列表。Github上支持Emoji表情符号，短码，而不是特殊字符。使用方法为前后冒号包围表情代号的句法。:blush:

github地址：https://github.com/twitter/twemoji

react-emoji

用于react框架的npm moudle，有两个版本的表情包。我在尝试使用的时候发现了以下问题：需要通过Class的mixins属性来使用这个模块，而在ES6的class写法中是不支持mixins。

github地址：https://github.com/banyan/react-emoji

react-emojify

MIT出品。这是一个支持react ES6的npm moudle。感觉这个还不错，以后可以更深入的了解和试用一下

github地址：https://github.com/pladaria/react-emojione

android emoji 开源库,Emoji开源库推荐_支持emoji表情的js的开源项目总汇相关推荐

推荐一个支持低代码开发的OA开源系统
今天给大家推荐一个低代码平台的开源OA系统. 项目简介这个是一个开源免费的微型办公自动化系统,除了有考勤.排班等基础功能外:公司所有的日常工作流程,比如请假申请.用车申请.会议申请等等,都可以通过配 ...
单机android游戏排行榜,安卓单机手机游戏推荐_十大必玩单机手机游戏
现在越来越多的人喜欢玩手机的单机游戏了.毕竟现在的手游市场局势都是快餐的联网手游居多.而很多单机手游是真的用心在做!下面小编给大家带来了手机单机游戏排行榜.安卓单机手机游戏推荐单机游戏无论是手机端还是 ...
Android 开源组件和第三方库汇总
出自(https://github.com/Tim9Liu9/TimLiu-Android) TimLiu-Android 自己总结的Android开源项目及库. 1. github排名 https: ...
Carson带你学Android：主流开源图片加载库对比(UIL、Picasso、Glide、Fresco)
前言图片加载在 Android开发项目中十分常见为了降低开发周期 & 难度,我们经常会选用一些图片加载的开源库,而现在图片加载开源库越来越多,我们应该选用哪种呢? 今天.我就给大家介绍 & ...
android lib 界面库,全开源C++ DirectUI 界面库SOUI 3.0更新
全开源C++ DirectUI 界面库SOUI 3.0更新发布时间:2019-08-04 16:10, 浏览次数:1077 , 标签: DirectUI SOUI 从2019.5.22开始,SOUI ...
WPF开源控件扩展库 - MaterialDesignExtensions
WPF开源控件扩展库 - MaterialDesignExtensions MaterialDesignExtensions仓库截图 logo Material Design Extensions 在 ...
linux 图形界面库,几款开源的图形界面库(GUI Libraries)
遵循BSD许可协议的C++ GUI库,建立在Windows API之上,但仍可以通过使用WineLib在Linux/xNix上使用.也支持Pocket PC和基于Windows CE的应用程序... ...
wpf listview 添加控件_WPF开源控件扩展库 MaterialDesignExtensions
WPF开源控件扩展库 - MaterialDesignExtensions MaterialDesignExtensions仓库截图 logo Material Design Extensions 在 ...
java语音开源_号外！号外！百度语音开源库更新了
[开源:ReactNative集成百度语音开源库,](CSDN-专业IT技术社区-登录)在这篇文章中作者开源了一个ReactNative集成百度语音合成的组件库,今天通过查看Github上的关于开源r ...
清华大学开源迁移学习算法库：基于PyTorch实现已有算法
点上方蓝字计算机视觉联盟获取更多干货在右上方 ··· 设为星标 ★,与你不见不散仅作学术分享,不代表本公众号立场,侵权联系删除转载于:机器之心 AI博士笔记系列推荐周志华<机器学习> ...

android emoji 开源库,Emoji开源库推荐_支持emoji表情的js的开源项目总汇

android emoji 开源库,Emoji开源库推荐_支持emoji表情的js的开源项目总汇相关推荐

最新文章

热门文章