Bruno Eugênio

Uma ótima notícia para quem produz conteúdo web é que os queridos do Twitter acabaram de liberar o Twemoji, uma lib em JavaScript de exibição de Emojis para sites!
Já aconteceu de você ter inserido um emoji no celular e ele aparecer um espaço vazio ao invés de assim ao invés de um rostinho como esse  ??? Acredito que sim!

Se você é dev, fica fácil fácil:
1 – Importe a lib! O JavaScript vai garantir que você possa inserir os desenhos.

1
<script src="//twemoji.maxcdn.com/twemoji.min.js"></script>

2 – Agora, acessando a lib você pode usar o parse de uma string com o código do emoji que você quer inserir ou fazer o acesso via DOM (que eu recomendo, afinal de contas o seguro morreu de velho quando se trata de JavaScript):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>var div = document.createElement('div');
div.textContent = 'I \u2764\uFE0F emoji!';
document.body.appendChild(div);
 
twemoji.parse(document.body);
 
var img = div.querySelector('img');
 
// note the div is preserved
img.parentNode === div; // true
 
img.src; // abs.twimg.com/emoji/v1/36x36/2764.png
img.alt; // \u2764\uFE0F
img.class; // emoji
img.draggable; // false
</script>

O resultado vai ser algo nessa linha

Agora só não vale abusar!
Para saber mais: https://github.com/twitter/twemoji
Chart com diversos códigos para emojis: http://www.iemoji.com/emoji-cheat-sheet/all

comentários

comments

Leave a Reply

Your email address will not be published. Required fields are marked *