Loading modules and EmojiOne...
switchToNormal
switchToHyperMD
# 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