Passing JSON to <script> Tag

[michael-mader]

I'm using JTE with Kotlin to build server side rendered templates for a page with some SPA features.
Therefor I want to provide initial data to JS without doing an additional AJAX call.

I resorted to pass complex JSON objects via <script id="my-data" type="application/json">${json}</script> to the frontend, where I can parse it easily.

In the default settings JTE escapes the json from the backend causing {"key":"value"} to become {\"key\":\”value\"}.

I could fix this by using $unsafe{json} but I'm wondering whether there is a better solution.

[michael-mader]

I've found another way. JTE cannot know what I am trying to achieve 😄
I created a small helper function which sanitizes the JSON string (escaping all </script> in the string) which returns gg.jte.Content with the sanitized string. This way I don't need to use $unsafe and the output is properly sanitized.