Link Search Menu Expand Document

Rendering Emoji

Emoji rendering is built in and handled automatically for you.


How it works

Emoji’s are automatically replaced with images for consistent and clear rendering. This is enabled for you by default.

Emoji support in the HTML/CSS to image API

emoji class

Each image has an emojiclass added to it on render. This makes it easy to tweak their display.

Here is the default CSS we apply to all emoji. To make tweaks, adjust it and include it in your CSS to override the defaults.

/* Take advantage of the built in 'emoji' class to modify the display of emoji */
img.emoji {
  height: 2em;
  width: 2em;
  margin: 0 .05em 0 .1em;
}

Back to top

Built with extensive integration tests and serious care for developer happiness.
© 2018-2020 Code Happy, LLC.

Page last modified: Aug 7 2020 at 08:41 PM.

Edit this page on GitHub.