发表新帖
发表新帖

Thymeleaf layout dialect and th:replace in head causes title to be blank

前端 未结
关注
3 500
我寻月下人不归
我寻月下人不归 2021-01-12 06:30

I\'m following this tutorial: http://www.thymeleaf.org/doc/layouts.html (got to Thymeleaf Layout Dialect section). In there you can find an example:
相关标签:
3条回答
  • 心在旅途
    2021-01-12 06:45

    You can replace whole head tag.

    <!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="pl" th:replace="fragments/head :: head">
</head>
<body>
 ...
</body>
</html>

    resources/templates/fragments/head.html:

        <head lang="pl">
        <title>Title</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link href="http://cdn.jsdelivr.net/webjars/bootstrap/3.3.5/css/bootstrap.min.css"
              th:href="@{/webjars/bootstrap/3.3.5/css/bootstrap.min.css}"
              rel="stylesheet" media="screen" />

        <script src="http://cdn.jsdelivr.net/webjars/jquery/2.1.4/jquery.min.js"
                th:src="@{/webjars/jquery/2.1.4/jquery.min.js}"></script>
        <link href="../static/css/mycss.css"
              th:href="@{css/mycss.css}" rel="stylesheet" media="screen"/>
    </head>
    0 讨论(0)
  • 孤街浪徒
    2021-01-12 06:59

    I think I found a slightly less verbose way to for using th:replace and th:fragment together, e.g. to include common <head> metadata and static resource includes in your pages.

    Put the th:remove="tag" in the fragment definition, so you don't have to repeat the th:remove="tag" everytime including it.

    fragment_head.html

    <thymeleaf xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" 
    th:fragment="head" th:remove="tag">

    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" th:href="@{/css/vendor/bootstrap.min.css}"/>

</thymeleaf>

    mypage.html

    <head>
    <thymeleaf th:replace="fragment_head :: head" />
</head>
    0 讨论(0)
  • 别那么骄傲
    2021-01-12 07:01

    Finally, I've found a way to achieve what I wanted.

    In layout file <title> tag must stay. All other tags I grouped with <object> tag and annotated it as follows:

    <head>
  <title layout:title-pattern="$CONTENT_TITLE">Layout Title will be replaced by Page Title!</title>
  <object th:include="/html/components/head :: head" th:remove="tag" />
</head>

    In my html/components/head.htm file I had to remove <title> tag so it won't be duplicated after include. 

    <head th:fragment="head">
  <meta charset="utf-8" />
  <!-- NO TITLE TAG HERE -->
  ...
</head>

    This way head fragment is included in <object> tag and thanks to th:remove="tag" <object> tag gets removed and my final HTML output is:

    <head>
  <title>My content title</title>
  <meta charset="utf-8" />
  <!--  NO TITLE TAG HERE -->
  ...
</head>

    Obviously, I removed NO TITLE TAG HERE message too, once I got it working.

    0 讨论(0)
 看不清?
提交回复
热议问题