Python Unicode string to Javascript

Question

I want to get the output with single backslash in my json file which is an input to my javascript/HTML document. it is for visualization purposes using vis.js I am unable to get rid of Python's way of adding a backslash before a backslash. I have tried escaping backslash and using r'' type strings.

I have a dictionary:

f = {'id':0,'group':'main', 'label':'Main', \
'font':{'size': 60}, 'shape': 'icon', 'icon': {'face':'Ionicons',\
'code': r'\uf276', 'size':200, 'color':'#f0a30a'}, \
'color': {'background': 'pink', 'border': 'black'}}

In [91]: print f
'{'group': 'main', 'color': {'border': 'black', 'background': 'pink'}, 'label': 'Main', 'shape': 'icon', 'font': {'size': 60}, 'id': 0, 'icon': {'size': 200, 'color': '#f0a30a', 'code': '\\uf276', 'face': 'Ionicons'}}

I am dumping it into a json file using json.dumps

In [92]: json.dumps(f)
Out[92]: '{"group": "main", "color": {"border": "black", "background": "pink"}, "label": "Main", "shape": "icon", "font": {"size": 60}, "id": 0, "icon": {"size": 200, "color": "#f0a30a", "code": "\\\\uf276", "face": "Ionicons"}}'

In [93]: print json.dumps(f)
{"group": "main", "color": {"border": "black", "background": "pink"}, "label": "Main", "shape": "icon", "font": {"size": 60}, "id": 0, "icon": {"size": 200, "color": "#f0a30a", "code": "\\uf276", "face": "Ionicons"}}

I am saving this string into a file using json.dump(filename, f) and it is outputting this:

{
    "group": "main", 
    "color": {
        "border": "black", 
        "background": "pink"
    }, 
    "label": "Main", 
    "shape": "icon", 
    "font": {
        "size": 60
    }, 
    "id": 0, 
    "icon": {
        "size": 200, 
        "color": "#f0a30a", 
        "code": "\\uf276", 
        "face": "Ionicons"
    }
}

Your backslash is in a raw string (r'foobar'), which is why it's actually a backslash, not an escape sequence. — L3viathan
– L3viathan, Commented Mar 11, 2016 at 21:51

quikst3r · Accepted Answer · 2016-03-11 21:58:13Z

2

json.dumps(f, ensure_ascii=False).encode('utf8')

will give you

{
    "group": "main",
    "color": {
        "border": "black",
        "background": "pink"
    },
    "label": "Main",
    "shape": "icon",
    "font": {
        "size": 60
    },
    "id": 0,
    "icon": {
        "size": 200,
        "color": "#f0a30a",
        "code": "\xef\x89\xb6",
        "face": "Ionicons"
    }
}

EDIT Also the code should be u'\uf276'

answered Mar 11, 2016 at 21:58

quikst3r

1,8531 gold badge12 silver badges15 bronze badges

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

Comments

L3viathan · Accepted Answer · 2016-03-11 21:58:31Z

0

The string containing the backslash is a raw string. It doesn't contain the unicode character you want, but instead an actual backslash, followed by "uf276".

Turn it into a normal string:

f = {'id':0,'group':'main', 'label':'Main', \
'font':{'size': 60}, 'shape': 'icon', 'icon': {'face':'Ionicons',\
'code': '\uf276', 'size':200, 'color':'#f0a30a'}, \
'color': {'background': 'pink', 'border': 'black'}}

Then the json-dumping should work, too:

>>> print(json.dumps(f, indent=4))
{
    "shape": "icon",
    "font": {
        "size": 60
    },
    "label": "Main",
    "color": {
        "background": "pink",
        "border": "black"
    },
    "group": "main",
    "id": 0,
    "icon": {
        "face": "Ionicons",
        "color": "#f0a30a",
        "size": 200,
        "code": "\uf276"
    }
}

edited Mar 11, 2016 at 21:58

answered Mar 11, 2016 at 21:53

L3viathan

27.5k2 gold badges63 silver badges84 bronze badges

3 Comments

pg2455 Over a year ago

it is not working even then. I had tried normal strings too. When I save it using json.dumps(), it just adds an extra backslash before that.

L3viathan Over a year ago

@mousecoder When you're viewing the resulting string of json.dumps in your REPL, of course. But when you print it (or dump it to a file), it's fine, see edit.

pg2455 Over a year ago

i think the problem is that when you print it, it does not print double backslash but if you save it in a json file the strings appear with double backslash. Can you check that please?

Collectives™ on Stack Overflow

Python Unicode string to Javascript

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related