froala / wysiwyg-editor

The next generation Javascript WYSIWYG HTML Editor.
https://www.froala.com/wysiwyg-editor
Other
5.29k stars 672 forks source link

Emails sent with Emojis in content will not display emojis when received on Gmail #4475

Open SoneThaya opened 2 years ago

SoneThaya commented 2 years ago
Expected behavior.

After creating an email template and using emojis, emojis used should be displayed in the received email.

Screen Shot 2022-06-30 at 9 26 18 AM

Actual behavior.

Emojis are not being displayed when received using Gmail. Emojis are displayed when the email is received is using Rackspace email client.

There was another posted issue that maybe related, but they posted Outlook not displaying emojis.

https://github.com/froala/vue-froala-wysiwyg/issues/166

A response on that issue said "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."

Does this also apply to Gmail?

Steps to reproduce the problem.

Create an email template using emojis and send it to a Gmail address.

Editor version.

froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)

OS.

MacOS Monterey

Browser.

Chrome Version 103.0.5060.53 (Official Build) (x86_64)

SoneThaya commented 2 years ago

When I inspect the received email on Rackspace it has the emoji url from cdnjs.cloudflare.com

Screen Shot 2022-07-01 at 10 09 12 AM

When I inspect the received email on Gmail, it adds another url, googleusercontent.com, before the cloudflare.com. That url goes to a 404 causing the image not to display.

emoji test

When I inspect the received email on Yahoo, it adds another url also. It shows the url yusercontent.com added before the cloudflare.com url. The emojis are being displayed on Yahoo Mail.

Screen Shot 2022-07-01 at 9 46 06 AM