search

froala / vue-froala-wysiwyg

Vue component for Froala WYSIWYG HTML Rich Text Editor.
https://froala.com/wysiwyg-editor
632 stars 86 forks source link

Emails send with Emojis in content will not display emoji #166

Open NoSoup4you2 opened 3 years ago

NoSoup4you2 commented 3 years ago

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 ?

demianh commented 3 years ago

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.

NoSoup4you2 commented 3 years ago

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