和Emoji相关的那些开源项目

当卖萌成为日常,Emoji就变成了必须 :cat:

Emoji 本名叫絵文字,词义来自日语えもじ,e-moji,moji在日语中的含义是字符。Emoji本是一套起源于日本的12x12像素表情符号,由栗田穣崇(Shigetaka Kurit)创作,最早在日本网络及手机用户中流行,自苹果公司在2011年底发布的iOS 5输入法中加入了emoji后,这种表情符号开始席卷全球,目前emoji已被大多数现代计算机系统所兼容的Unicode编码采纳,普遍应用于各种手机短信和社交网络中。

普通人用的微博自不用说,就连程序员用的Github都在项目介绍、更新注释中支持了emoji。

今天介绍几个emoji相关的项目给大家。

Emoji速查 - emoji.muan.co

Image

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 restrict 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非常受欢迎,所以有很多客户端语言也有专门的库来进行支持:

就连编辑器也想要Emoji,于是有了Vim-emoji插件

Image

还有用于将Emoji拼成其他图像的megamoji

Image

好了,现在你也能Use Emoji like a pro 了 :)

本文由 Easy 发表于GET

「GetParty」

关注微信号,推送好文章

微信中长按图片即可关注

更多精选文章

评论
微博一键登入