Convert unicode from Json in HTML with Javascript

Question

I am getting issues to convert unicode and render in a nice HTML code.

Here is the information i have as an input in my Json file

`"CLIENT:\r\n-Client1: Project1\u00c2\u00a0\r\n- Client2: etc..."`

I would like this to render as below in

CLIENT: - client1: Project 1 - Client2: etc...

It currently renders like this :

`CLIENT: - Client1: Project1Â  - Client2: etc...`

I looked everywhere but could not find a function that could handle all unicodes to decode in nice html code. Thanks in advance!

please mention your code , it helps to give proper solution . You can achieve using regular expression. — Mohideen bin Mohammed, May 03 '16 at 05:53
\u00c2 is the correct unicode for Â, so I'm not sure what/why you're expecting different? — zerohero, May 03 '16 at 06:16

score 1 · Answer 1 · edited May 23 '17 at 12:01

1

Maybe you can take a look at this: How do I replace all line breaks in a string with
tags?

You do this:

str = str.replace(/(?:\r\n|\r|\n)/g, '<br />');

before insert into the html.

edited May 23 '17 at 12:01

Community

1
1

answered May 03 '16 at 06:07

Tan Li Hau

1,984
17
24

score 0 · Answer 2 · answered May 03 '16 at 06:12

If you are using javascript, you can use this fragment

<script>
var c = decodeURIComponent(escape(`"CLIENT:\r\n-Client1: Project1\u00c2\u00a0\r\n- Client2: etc..."`));
   c = c.replace(/(?:\r\n|\r|\n)/g, '');
   c = c.replace(':-', ': - ');
   document.write(c);
</script>

score 0 · Answer 3 · answered May 03 '16 at 07:18

Ok I managed to make this work with the below function:

function strFormat(str) {
    var c= decodeURIComponent(escape(str));
    c= c.replace(/(?:\r\n|\r|\n)/g, '<br />');
    c= c.replace(':-', ': - ');
    return c;

}

Let me know if there are any cleaner way to do this?

Convert unicode from Json in HTML with Javascript

3 Answers3