question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

When emoji image is needed

See original GitHub issue

The goal: user wants to replace native unicode emojis by images or insert it into a contentEditable. The problems:

  1. Dynamically created components can’t be inserted to DOM in proper place.
  2. Performance: many components make it slow. We can already observe it while opening emoji picker.

The workaround is to dynamically create the component, set emoji properties like id and set, call ngOnChanges(), hide generated component, wait for it to load, take HTML, destroy generated component and finally replace the unicode emoji by image…

Desired solution: there should be built-in service method to get HTML code for given emoji, getter or field with HTML / style in EmojiEvent. Which solution would be the best? If it is a method - which service is the most sufficient for it?

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:2
  • Comments:15 (9 by maintainers)

github_iconTop GitHub Comments

1reaction
lentschicommented, Apr 15, 2020

Due to ongoing request I moved my former Gist extending ngx-emoji-mart to its own library: npmjs.com: https://www.npmjs.com/package/ng-utf8-emojis-to-images GitHub: https://github.com/lentschi/ng-utf8-emojis-to-images

1reaction
scttcpercommented, Sep 6, 2018

should be easier with the new function added to emoji service https://github.com/TypeCtrl/ngx-emoji-mart#display-emoji-as-custom-element

Read more comments on GitHub >

github_iconTop Results From Across the Web

When emoji image is needed · Issue #89 - GitHub
The goal: user wants to replace native unicode emojis by images or insert it into a contentEditable. The problems: Dynamically created ...
Read more >
How to Make Your Own Emoji | Digital Trends
1. Open your preferred image-editing software, such as the free, web-based Pixlr. 2. Begin designing your emoji, starting with the initial shape. If you’re...
Read more >
Guidelines for Submitting Unicode® Emoji Proposals
The Submission needs to be complete and meet the criteria (that is, well-formed) for it to be reviewed. Submissions proposing to emojify existing...
Read more >
How to Add Emoji to Photo: 4 Easiest Ways to Make Your ...
Adding emoji to photo is necessary for any reason. Let us take a dive into some apps to add emojis to your photos...
Read more >
Emoji Images - Why You Should Use Them In Your Marketing | Rule
It's often said that it's an art to be able to put words to emotions, but now it's no longer needed. Say it...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found