和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社区