Custom Emoji

Loading modules and EmojiOne...

# Emoji

With __FoldEmoji__ and __Fold__ addon, `:smile:` can be rendered into real emoji :smile:

There are some powerpacks like `hypermd/powerpack/fold-emoji-with-emojione` can make emojis look better.
All you need is to load it, before initializing editor.

> **[EmojiOne](https://www.emojione.com/)** - Open emoji icons
> This demo uses Emoji icons provided free by [EmojiOne](https://www.emojione.com/) [*(free license)*](https://www.emojione.com/licenses/free)
> (You may use other alternatives, eg. twemoji from twitter)

## AutoComplete

HyperMD's `hypermd/goods/complete-emoji` provides auto-complete support for emojis.
Its document can be found here: https://github.com/laobubu/HyperMD/blob/master/docs/goods.md#complete-emoji

With [CodeMirror show-hint addon](https://codemirror.net/doc/manual.html#addon_show-hint), you may get an autocomplete popup by typing `:`
or, you can complete an unfinished emoji by pressing `Ctrl+Space`.

**Try it out** :dog

## Custom Emoji

Editor option `hmdFoldEmoji` accepts `myEmoji`, see source code of this page.

Once configured, `:doge:` can be :doge:

Even more, if you know how to make fancy HTML effects,
emmm... `:nyancat:` can be :nyancat:

That silly effect is not recommended in production, but it's fun, right?

:doge: :joy: :doge: :joy: :doge: :joy: :doge:

> **Credit**
>
> - NyanCat: https://giphy.com/gifs/meme-rainbow-nyan-cat-10j1sRnpiklXB6
> - Doge: http://www.stickpng.com/img/memes/doge/doge-head-big