Words with special characters are not getting rendered properly. Is there a way in Javascript?

Question

The special characters are not being rendered correctly, they give the black "?" instead.

I have a string which is coming from API response like "Perrier-Jouët" but while displaying on the screen it looks like below

I am already using <meta charset="utf-8" /> in my html

can anyone let me know how to get it rendered correctly?

TIA

You also have to save your file as UTF-8. Which text editor are you using? — Ry-, Oct 01 '19 at 05:29
Do you know that the string is being encoded using function like encodeURI(string)? If so, can you try decoding it using decodeURI(string)? — Komal R, Oct 01 '19 at 06:09
What does the bottom bar say about the file’s encoding? https://stackoverflow.com/questions/30082741/change-the-encoding-of-a-file-in-visual-studio-code Maybe “Latin-1” or something? (Regardless, you should be able to change it this way.) — Ry-, Oct 01 '19 at 12:26
@KomalR I tried decodeURI(string) still it is not getting render. I still has ? in the string. — Vaibhav Jain, Oct 01 '19 at 12:32
@VaibhavJain: Sorry, I missed that it was coming from an API response. We actually need to see your code, then. It’s also possible the API is just returning a bad response – you should check whether that’s the case, maybe by requesting it manually or through another tool that uses the same API. — Ry-, Oct 01 '19 at 12:49
@Ry- attached response screenshot to the original question. also attached the screenshot while debugging when i get response in the UI code. — Vaibhav Jain, Oct 01 '19 at 13:12

score 0 · Answer 1 · answered Oct 01 '19 at 05:39

0

I believe convert them to HTML Entities might help you.

And use character-set as UTF-8.

answered Oct 01 '19 at 05:39

Siddharth Jain

1 Answers1