Emoji for Ember

This Ember CLI addon for Emojify provides emoji-icon helper and emoji-tag component to your app.

Installation

ember install ember-cli-emoji

Setup

Add your Emoji configuration to your app's config

// default config
mode: 'sprites',
tag_type: 'span',
img_dir: 'images/emoji',
ignore_emoticons: false,
blacklist: {
  elements: ['script', 'textarea', 'a', 'pre', 'code'],
  classes: ['no-emojify']
}

// config/environment.js
ENV.emoji = {
  tag_name: "div"
};

Usage

Emoji Icon Helper Usage

{{emoji-icon 'smiley'}}

It converts to <span title=":smiley:" class="emoji emoji-smiley"></span>

Emoji Tag Usage

{{#emoji-tag}}
  Hello :smiley:
{{/emoji-tag}}

It converts content inside the emoji-tag, and detects content change then update emoji icons.

Contributing

PRs welcome!