How to use php json_encode options in twig file with json_encode twig function

Question

I am trying to use twig json_encode function but when I do this

    var packageDetails =  {{(packageDetails|json_encode)}};

and packageDetails is an array of array passed from controller

It gives me error saying

    invalid property id

because of " so I want to use escape filter; how do I use it?

Mike · Accepted Answer · 2016-09-15 06:15:46Z

67

Is it simply because you are not wrapping your output in quotes?

var variable = '{{{reference}}}';

Update:

The actual answer to solve the question was adding |raw to the tag as per comments

var packageDetails =  {{(packageDetails|json_encode|raw)}};

edited Sep 15, 2016 at 6:15

answered Sep 4, 2012 at 6:58

Mike

1,81114 silver badges14 bronze badges

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

5 Comments

aditya Over a year ago

If i wrap my output in quotes i don't get json objcect. when i console.log it I get {"college":....

aditya Over a year ago

I want my js variable to store an object which i can loop through

paulgreg Over a year ago

If your string contains a ' sign, the JS will break. Use the "escape('js')" twig filter to avoid that. So, I suggest : var variable = '{{reference | json_encode | escape('js') | raw}}';

Alec Over a year ago

Had the same &quot problem, so the | raw comment saved my ass. Thanks!

Michon Over a year ago

@paulgreg Do you really need | raw here?

Tac Tacelosky · Accepted Answer · 2013-10-07 08:17:19Z

45

You can add the options in the following way:

{{ data|json_encode(constant('JSON_PRETTY_PRINT'))|raw }}

Adding this because it answers the question in your title, but it sounds like the raw filter was really what you were looking for. Still, others may find this useful.

answered Oct 7, 2013 at 8:17

Tac Tacelosky

3,4823 gold badges34 silver badges33 bronze badges

3 Comments

Frank6 Over a year ago

Isn't dangerous for XSS attack using the raw filter ?

MidnightLightning Over a year ago

@Frank6: Depends where data came from; if it's from your own database query or similar, it's pretty safe. If it's from user input then it should be sanitized before being passed to the Twig view

Savoo Over a year ago

Good ! now it's not giving me Unexpected token in JSON at position error.change JSON.parse('{{ cats|json_encode|raw }}'); with {{ cats|json_encode(constant('JSON_PRETTY_PRINT'))|raw }}

everyman · Accepted Answer · 2015-09-22 13:04:44Z

4

For anyone, who has similar problem with Blade / Laravel5.x

var v = JSON.parse('{!! $v !!}');

answered Sep 22, 2015 at 13:04

everyman

3,4271 gold badge36 silver badges33 bronze badges

3 Comments

Mbotet Over a year ago

No use of double { ? The variable is $v or is just a parameter. Even if not using Laravel or blade the answer isnt clear

everyman Over a year ago

You seriously think I know anything about an answer I gave like 4 years ago? ;)

Mbotet Over a year ago

Probably not, but that can be answered by anyone who reads this and has Blade / Laravel5.x fresh and in mind.

Collectives™ on Stack Overflow

How to use php json_encode options in twig file with json_encode twig function

3 Answers 3

5 Comments

3 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

3 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related