emoji not working on HTML widget

CM1
1

Using emoji like this sobbing one   isn’t supported in Percussion’s HTML widget. It’s showing with two question marks. See screenshot attached.

2

This reply was created from a merged topic originally titled emoji not working on HTML widget.

Using emoji 

3

Aaron,

What does the source code look like in the HTML Widget?  It may be that the parser is stripping out the numeric entity when it loads the HTML.  

The system runs tidy on the output so it could be that it doesn’t like the entities so is stripping them out.  

Let’s create a support ticket to track this.  This isn’t new behavior in 5.3, I think you’ve already logged a feature request for Emoji support. 

-n

4

I apologized for “dupe” thread. Here’s the screenshot attached.

��

5

Have you tried deleting the ? Characters and replacing with the numeric entity reference?

6

Yes I did. Doing this ‘:laughing:’ will convert into “square” icon. http://www.sfcollege.edu/demo/emoji

7

Can you Double check that the doc type for the page is html5?

8

Hi Nate. Here you go.

<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" xmlns="<a href="http://www.w3.org/1999/xhtml"" rel="nofollow" title="Link: http://www.w3.org/1999/xhtml"">http://www.w3.org/1999/xhtml"</a>;xmlns:rdf="<a href="http://www.w3.org/1999/02/22-rdf-syntax-ns#"" rel="nofollow">http://www.w3.org/1999/02/22-rdf-syntax-ns#"</a>;xmlns:dcterms="<a href="http://purl.org/dc/terms/"" rel="nofollow" title="Link: http://purl.org/dc/terms/"">http://purl.org/dc/terms/"</a>;xmlns:perc="<a href="http://percussion.com/"" rel="nofollow">http://percussion.com/"</a>;xmlns:xsd="<a href="http://www.w3.org/2001/XMLSchema">" rel="nofollow" title="Link: http://www.w3.org/2001/XMLSchema">">http://www.w3.org/2001/XMLSchema"></a>; <![endif]--><!--[if IE 8]><html class="no-js lt-ie9" xmlns="<a href="http://www.w3.org/1999/xhtml"" rel="nofollow" title="Link: http://www.w3.org/1999/xhtml"">http://www.w3.org/1999/xhtml"</a>;xmlns:rdf="<a href="http://www.w3.org/1999/02/22-rdf-syntax-ns#"" rel="nofollow">http://www.w3.org/1999/02/22-rdf-syntax-ns#"</a>;xmlns:dcterms="<a href="http://purl.org/dc/terms/"" rel="nofollow">http://purl.org/dc/terms/"</a>;xmlns:perc="<a href="http://percussion.com/"" rel="nofollow">http://percussion.com/"</a>;xmlns:xsd="<a href="http://www.w3.org/2001/XMLSchema">" rel="nofollow" title="Link: http://www.w3.org/2001/XMLSchema">">http://www.w3.org/2001/XMLSchema"></a>; <![endif]--><!--[if gt IE 8]><!-->http://www.w3.org/1999/xhtml"xmlns:rdf="[http://www.w3.org/1999/02/22-rdf-syntax-ns](http://www.w3.org/1999/02/22-rdf-syntax-ns)#"xmlns:dcterms="[http://purl.org/dc/terms/](http://purl.org/dc/terms/ "Link: http://purl.org/dc/terms/")"xmlns:perc="[http://percussion.com/](http://percussion.com/)"xmlns:xsd="[http://www.w3.org/2001/XMLSchema](http://www.w3.org/2001/XMLSchema "Link: http://www.w3.org/2001/XMLSchema")"\> <!--<![endif]-->
9

You can check it here: view-source:http://www.sfcollege.edu/demo/emoji

10

It looks like a web server encoding issue to me.  Try updating your Apache httpd.conf file to include:

AddDefaultCharset utf-8

And giving your web server a quick restart.

See:  https://httpd.apache.org/docs/current/mod/core.html#adddefaultcharset

11

Thanks Nate!

I will double check with my IT. I’ll keep you apprised.