Thymeleafでutextを使用した実装

Java Thymeleaf

Thymeleafでutextを使用した実装

Thymeleafでutextを使用する場合、主にプレーンテキストを表示する際に役立ちます。
utextは、Thymeleafの標準的な属性であるth:textと似ていますが、HTMLタグをエスケープせず、そのまま表示する点が異なります。

以下は、Thymeleafのutextを使用した簡単な実装例です：

HTMLテンプレート (example.html)

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <title>utext Example</title>
</head>
<body>
  <h1>utextの例</h1>
  <p th:utext="${message}"></p>
</body>
</html>

コントローラ (ExampleController.java)

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class ExampleController {

  @GetMapping("/example")
  public String example(Model model) {
    // プレーンテキストをHTMLに埋め込む
    model.addAttribute("message", "<b>これは太字のテキストです。</b>");
    return "example";
  }
}

ポイント

  • th:utextを使用することで、HTMLタグをエスケープせずにそのまま表示することができます。
  • th:textと違い、HTMLのフォーマットが適用されるため、HTMLタグを含む文字列をそのまま表示することが可能です。

これで、utextを使ったThymeleafの実装ができます。
エスケープせずにHTMLタグを表示したい場合に便利です。