vue-froala-wysiwyg icon indicating copy to clipboard operation
vue-froala-wysiwyg copied to clipboard

Emails send with Emojis in content will not display emoji

Open NoSoup4you2 opened this issue 3 years ago • 2 comments

I am wondering why emojis don't show up in a email that is based on the markup generated by froala editor. In my case i have a test page which looks like this..

image

when i send that as an email i get this

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
</head>
<body>
<p><span class="fr-emoticon fr-deletable fr-emoticon-img" style="background: url(https://cdnjs.cloudflare.com/ajax/libs/emojione/2.0.1/assets/svg/1f6b8.svg);">&nbsp;</span>
<span class="fr-emoticon fr-deletable fr-emoticon-img" style="background: url(https://cdnjs.cloudflare.com/ajax/libs/emojione/2.0.1/assets/svg/1f3e7.svg);">
&nbsp;</span> <span class="fr-emoticon fr-deletable fr-emoticon-img" style="background: url(https://cdnjs.cloudflare.com/ajax/libs/emojione/2.0.1/assets/svg/1f6b3.svg);">
&nbsp;</span> <span class="fr-emoticon fr-deletable fr-emoticon-img" style="background: url(https://cdnjs.cloudflare.com/ajax/libs/emojione/2.0.1/assets/svg/1f4af.svg);">
&nbsp;</span>&nbsp;</p>
</body>
</html>

which does not display anything. What am i missing here ? Is there anything i need to change so these can pe displayed correctly in emails like outlook ?

NoSoup4you2 avatar Feb 13 '21 00:02 NoSoup4you2

Images are not displayed by default in Outlook. The Emoji images are loaded from cdnjs, and thus blocked by Outlook. Not sure you can do something about this, except using "real" emojis.

demianh avatar Apr 12 '21 13:04 demianh

Thanks, but that completely defeats the purpose of using emoji's if they cant be displayed. In my case i have a custom Email client who uses Froala as an editor and i would expect to get what i create on the other side as they call it a WYSIWYG. One of the biggest issue is lack of documentation

NoSoup4you2 avatar Apr 12 '21 16:04 NoSoup4you2