How to inline JavaScript with Thymeleaf

user_5007540 0
Viewed 6536

I would like to use Thymeleaf to do inline Javascript.

For example:

<script th:inline="javascript">
/*<![CDATA[*/
  /*[[${myCode}]]*/;
/*]]>*/
</script>

and in Spring Boot I have this:

model.addAttribute("myCode", "alert("test")");

My output HTML is:

<script th:inline="javascript">
/*<![CDATA[*/
  "alert("test")";
/*]]>*/
</script>

which is a string. What am I doing wrong?

thymeleaf spring-boot spring
2 Answers

When inlining, [[...]] corresponds to th:text and [(...)] corresponds to th:utext.

So

<script th:inline="javascript">
/*<![CDATA[*/
[(${myCode})]
/*]]>*/
</script>
user_41268930

Finally I got it.

<script th:inline="javascript">
/*<![CDATA[*/
[#th:block th:utext="${myCode}" /]
/*]]>*/
</script>
user_50075400
Related