string spacing in json, that will be displayed in HTML page by JS script code

Question

Hi I have a webpage that contains multi-languages

I created a JSON file that has a key for each word on the page

but I want to but an empty language ( don't ask me why ) that's like this:

the original word Hi there ==>

so I created a thing like this in JSON

"langCode": "&nbsp;&nbsp;",
    "langName": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",

    "services": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "clients": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "features": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "about": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "contact": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "letsBuildTheWwweb": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "teamOfDevelopersUiuxDesignersAndLogoDesigners": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "hireUs": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",

    "webDeveloping": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "cryptoSystem": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "logoDesinging": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "seoOptimazation": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "webHosting": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "adsOptimazation": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "webDesigning": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "uiUxDesinging": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "ecommerce": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",
    "domainRegistration": "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;",

I insert json into HTML this way :

$.getJSON(dir, (lang) => {
    document.querySelector('.langCode').innerText = lang.langCode;
    });

when I open the page I see     everywhere not

Dear moderators, I'm noob in StackOverflow so if I have wrongs in my questions don't delete it cuz I got banned 4 times

How are you inserting this json data in HTML? More details required. — Omkar76
– Omkar76, Commented May 23, 2021 at 12:17

Tomalak · Accepted Answer · 2021-05-23 12:26:33Z

3

Change each   your JSON to \u00a0:

{
  "langCode": "\u00a0\u00a0",
  "langName": "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0",
  "services": "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0",
  "clients": "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0",
  "features": "\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"
}

  is the HTML escape sequence for the non-breaking space. JSON is not HTML, the proper escape sequence in JSON is \u00a0 (Unicode Character 'NO-BREAK SPACE' (U+00A0)).

edited May 23, 2021 at 12:26

answered May 23, 2021 at 12:19

Tomalak

339k68 gold badges547 silver badges635 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Eymen Over a year ago

in JSON file a bug says Invalid escape character in string.json(261)

Tomalak Over a year ago

@Eymen My bad, I meant \u00a0.

Sagar V Over a year ago

The problem is use of innerText instead of innerHTML

Tomalak Over a year ago

@SagarV No, that's not the problem. That's a possible solution to the problem, and a bad one at that, because for one thing, the OP very likely uses some framework to bring in the translations, and changing that might be difficult. And for another thing, switching to .innerHTML opens the door for XSS attacks or rendering bugs and therefore causes more harm than good. The problem is that the OP wants non-breaking spaces in their JSON, and   is not the way to do that.

Eymen Over a year ago

@SagarV it both worked, thank you all guys

Collectives™ on Stack Overflow

string spacing in json, that will be displayed in HTML page by JS script code

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related