Json encoding strings with spaces

Question

I'm working on a metabox class for wordpress, and specifically implementing the Media Uploading introduced in 3.5. To pass options between the metabox class and the media uploader I like to use json. The basic data structure I have is below ($data_ar).

Array
(
    [uploader_title] => Upload or choose a video file
    [uploader_button] => Choose
    [allowed_mimes] => Array
        (
            [0] => application/x-shockwave-flash
            [1] => application/pdf
        )

    [show_icon] => 1
    [show_url] => 1
    [show_file_title] => 1
)

The problem is that when doing a simple

echo '<h1 id="stumped" data-stumped="'.json_encode($data_ar).'">test</h1>';

results in the data attribute containing the json being malformed. The problem is the presence of any string within the array with spaces. Wrapping any sting values with spaces in double quotes does not help.

Setting the data attribute via jQuery.data() works perfectly, but I cant use that as I have these form elements as repeaters, and the double jQuery calls breaks the repeaters.

Talk about stumped. Any pointers on where I should be looking to sort this?

Thanks.

Musa · Accepted Answer · 2013-04-26 03:53:51Z

7

Use htmlentities to encode the json. It will encode all the " which was breaking attribute.

echo '<h1 id="stumped" data-stumped="'.htmlentities(json_encode($data_ar)).'">test</h1>';

answered Apr 26, 2013 at 3:53

Musa

97.9k17 gold badges123 silver badges144 bronze badges

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

1 Comment

noponies Over a year ago

Fast, and perfect! Looked far and wide for that today. Thanks.

Collectives™ on Stack Overflow

Json encoding strings with spaces

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related