和Emoji相关的那些开源项目
时间:2022-04-29
本文章向大家介绍和Emoji相关的那些开源项目,主要内容包括Emoji速查 - emoji.muan.co、显示Emoji的JavaScript插件 - emojify.js、其他语言实现、基本概念、基础应用、原理机制和需要注意的事项等,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。
Emoji 本名叫絵文字,词义来自日语えもじ,e-moji,moji在日语中的含义是字符。Emoji本是一套起源于日本的12x12像素表情符号,由栗田穣崇(Shigetaka Kurit)创作,最早在日本网络及手机用户中流行。
自苹果公司在2011年底发布的iOS 5输入法中加入了emoji后,这种表情符号开始席卷全球,目前emoji已被大多数现代计算机系统所兼容的Unicode编码采纳,普遍应用于各种手机短信和社交网络中。
普通人用的微博自不用说,就连程序员用的Github都在项目介绍、更新注释中支持了emoji。
今天介绍几个emoji相关的项目给大家。
Emoji速查 - emoji.muan.co
emoji.muan.co 是一个Emoji速查页面,可以在最上方的输入框快速查询到想要的Emoji。虽然不算最方便的方式,却是最基本的工具。可以收藏起来备用。这个网站本身是开源的,你也可以自己搭一个。
显示Emoji的JavaScript插件 - emojify.js
emojify.js 用于自动识别网页上的Emoji文字并将其显示为图像。使用起来比较简单:
只需要引用JS
<script src="emojify.js">
</script>
添加一个css样式,就可以了。
.emoji
{ width: 1.5em;
height: 1.5em;
display: inline-block;
margin-bottom: -0.25em;
}
当然,你也可以显式指定要启用Emoji图像的Dom对象。
emojify.run(document.getElementById('my-element'))
可配置项如下:
emojify.setConfig(
{
emojify_tag_type : 'div',
// Only run emojify.js on this element
only_crawl_id : null,
// Use to restrit where emojify.js applies
img_dir : 'images/emoji',
// Directory for emoji images
ignored_tags : {
// Ignore the following tags
'SCRIPT' : 1,
'TEXTAREA': 1,
'A' : 1,
'PRE' : 1,
'CODE' : 1
}
});
emojify.run();
其他语言实现
Emoji非常受欢迎,所以有很多客户端语言也有专门的库来进行支持:
- PHP - https://github.com/iamcal/php-emoji
- Ruby – https://github.com/github/gemoji , https://github.com/jsw0528/rails_emoji
- Javascript – https://github.com/kof/emoticons
- Javascript – https://github.com/hassankhan/emojify.js
- Alt. JS version (+node.js) - https://github.com/henrikjoreteg/emoji-images.js
- Alt. JS version (+node.js) - https://github.com/frissdiegurke/emoji-parser
- Objective-C – https://github.com/diy/nsstringemojize
- Java - https://github.com/pepibumur/emojize
- Python - https://github.com/carpedm20/emoji
就连编辑器也想要Emoji,于是有了Vim-emoji插件。
还有用于将Emoji拼成其他图像的megamoji。
好了,现在你也能Use Emoji like a pro 了
来源:Get社区
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Android使用ViewFlipper实现图片切换功能
- Android 图片显示与屏幕适配的问题
- Android实现截图和分享功能的代码
- Android 自定义相机及分析源码
- Android实现微博菜单弹出效果
- Android开发之拖动条和评分组件用法分析
- Android使用AsyncQueryHandler实现获取手机联系人功能
- Android用过TextView实现跑马灯效果的示例
- android如何设置Activity背景色为透明色
- Android 手机防止休眠的两种实现方法
- Android编程实现的首页左右滑动切换功能示例
- 零基础学小程序004----小程序post请求,提交数据到服务器,小程序下单,小程序用户注册功能
- HorizontalScrollView水平滚动控件使用方法详解
- Android Activity生命周期和堆栈管理的详解
- Android学习之SharedPerference存储详解