How to inline JavaScript with Thymeleaf

Question

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?

Metroids · Accepted Answer · 2018-11-07 16:24:06Z

8

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

So

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

answered Nov 7, 2018 at 16:24

Metroids

20.6k4 gold badges49 silver badges56 bronze badges

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

Comments

JOE · Accepted Answer · 2018-11-07 12:43:21Z

1

Finally I got it.

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

answered Nov 7, 2018 at 12:43

JOE

4031 gold badge3 silver badges12 bronze badges

1 Comment

user11814208 Over a year ago

I know this is a totally old post, however right now I'm trying to figure out what's going on here. So how did you manage to make this snippet workable? At the time of development I'm getting tons of errors when I try to write such code. At the runtime I'm getting empty (not even null) value there.

Collectives™ on Stack Overflow

How to inline JavaScript with Thymeleaf

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related