ember-emoji | Ember CLI addon providing EmojiOne component helpers | Addon library
kandi X-RAY | ember-emoji Summary
kandi X-RAY | ember-emoji Summary
Ember CLI addon providing EmojiOne component helpers
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Parse an emoji string .
- Ensures vendor module .
ember-emoji Key Features
ember-emoji Examples and Code Snippets
Community Discussions
Trending Discussions on ember-emoji
QUESTION
I'm using ember-emojione to display and insert emoji.
Out of four rendering options that EmojiOne offers:
- PNG sprites
- PNG individual images
- SVG sprites
- SVG individual images
...only PNG sprites suit me. Individual images take too much time to load and emoji display sequentially. SVG sprites are awesome, but rerendering the preview area causes SVG sprite emoji to flicker. Only PNG sprite emoji never flicker and display simultaneously.
Unfortunately, EmojiOne offers spritesheets only in three sizes: 64, 128 and 512 px. We need to display emoji in 20 px size.
Resizing emoji displayed via PNG sprites is problematic.
ember-emojione
readme suggests this hack to resize PNG sprite emoji:
ANSWER
Answered 2017-Mar-08 at 10:46emojione-png-sprites
relies on Sass mixins, so you'll need ember-cli-sass
. If you don't want to install ember-cli-sass
, you can alternatively precompile mixin invocations manually and insert resulting CSS into your app.
Decide which spritesheets to include from
emojione-png-sprites
.We're gonna use 20px emoji. For retina, we'll also need double and triple size spritesheets. As 40px and 60px aren't available, we're gonna use next available ones: 48px and 64px.
Include spritesheets and the Sass file into your repo. Run these commands in your Ember app root:
QUESTION
I'm using ember-emojione.
I would like to display emoji as individual PNGs. I want those PNGs served from a custom domain.
How can I configure that?
...ANSWER
Answered 2017-Feb-14 at 14:30Here's how you do it:
In your app's
ember-cli-build.js
, set sprites and asset inclusion to disabled:
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install ember-emoji
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page