Thymeleaf读取html字符串自动转义问题

最新推荐文章于 2025-10-10 10:52:26 发布
原创 最新推荐文章于 2025-10-10 10:52:26 发布 · 1.7w 阅读 · 12 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#thymeleaf

为实现关键字高亮显示，使用THymeleaf时需将th:text替换为th:utext以避免HTML标签被转义。本文介绍如何正确设置以达到预期的高亮效果。

项目中因为要做高亮显示，所以后台传来的数据，对于关键字会用<em>标签做高亮显示

但是使用 th:text输出时候会自动进行转义，导致直接输出标签文本



解决办法：

把 th:text 换成 th:utext

原来：th:text="${law.id}"

现在:th:utext="${law.id}"

完毕之后已经可以正常显示高亮效果


【Spring Boot】Thymeleaf模板引擎 — 表达式的语法
衍生星球的博客
08-04 885
模板的主要作用是将后台返回的数据渲染到HTML中。那么Thymeleaf是如何解析后台数据的呢？接下来从变量、方法、条件判断、循环、运算（逻辑运算、布尔运算、比较运算、条件运算）方面学习Thymeleaf表达式支持的语法。
thymeleaf 转义html_Thymeleaf参考手册（一）：简介
weixin_30682905的博客
01-26 1127
Thymeleaf是什么首先，看一下官网的描述。Thymeleaf is a modern server-side Java template engine for both web and standalone environments, capable of processing HTML, XML, JavaScript, CSS and even plain text.简而言之，Thyme...
Thymeleaf文本连接和文字替换
扶摇升的IT博客
02-12 1万+
文本连接无论是什么形式的文本：字面量'...'，变量表达式求值或消息表达式求值的结果，都可以用'+'进行连接th:text="'The name of the user is ' + ${user.name}"文字替换文字替换可以方便的格式化包含变量的字符串，而无需使用文本连接'...' + '...'。文字替换的语法为| text substituion demo ${varialble} |
Spring Boot 整合 Thymeleaf 生成 HTML 页面教学
最新发布
骷髅头的寂寞的博客
10-10 1056
Thymeleaf 是一款适用于 Web 和独立环境的现代服务器端 Java 模板引擎，它能够无缝整合 Spring Boot，帮助开发者快速生成动态 HTML 页面。本文将从环境搭建到实战案例，全方位讲解如何使用 Spring Boot + Thymeleaf 开发 Web 页面。
thymeleaf内容替换
技术博客
10-14 1900
<ul th:each="poetrie : ${poetries}"> <li th:text="${poetrie.title}">Onions</li> <li th:text="${poetrie.author}">yes</li> <li th:utext="${poetrie.content.replace('|','<br />')}">2.41</li&g
html标签字符，在thymeleaf中非转义显示
Jaylon Wang的专栏
08-06 8416
未转义的文字 我们主页的最简单版本现在似乎已经准备就绪，但有一些我们没有想过的......如果我们有这样的消息怎么办？ home.welcome=Welcome to our &lt;b&gt;fantastic&lt;/b&gt; grocery store! 如果我们像以前一样执行此模板，我们将获得：   &lt;p&gt;Welcome to our &amp;lt;b...
模板引擎替换拼接字符串(1)
weixin_61518137的博客
05-02 1357
模板引擎
08-Java框架-SpringBoot整合thymeleaf
码赛客1024的博客
08-24 2084
SpringBoot整合thymeleaf，以及thymeleaf的相关介绍
Thymeleaf中文文档
song854601134的博客
12-05 8307
文章目录1 引入Thymeleaf1.1 Thymeleaf是什么?1.2 Thymeleaf可以处理什么样的模板?1.3 方言:标准方言2 一个很棒的虚拟杂货店设计2.1 一个杂货店的网站2.2 创建和配置模板引擎模板解析器模板引擎3 使用文本3.1 多语言的欢迎语境（上下文）执行模板引擎3.2 有关文本和变量的更多信息未转义的文本使用和显示变量4 标准表达式语法所有这些功能都可以组合和嵌套：4.1 消息4.2 变量表达式基本对象表达工具对象在我们的主页中重新格式化日期4.3 选择表达式（星号语法）4.4
JavaWeb『Thymeleaf』
不会敲代码的z的博客
05-22 1261
Thymeleaf基本用法第一节 MVC1、提出问题2、从三层结构到MVC①MVC概念②MVC和三层架构之间关系3、前后端工程师对接方式①后端工程师与前端工程师交互服务器端渲染②前后端分离③开发工程师与运维工程师交互④开发工程师与产品经理交互⑤开发工程师与测试工程师第二节 Thymeleaf简介1、Thymeleaf的同行3、Thymeleaf优势4、物理视图和逻辑视图①物理视图②逻辑视图第三节 在服务器端引入Thymeleaf环境1、加入jar包2、配置上下文参数3、创建Servlet基类4、HelloW
thymeleaf 转义html_SpringBoot2整合Thymeleaf
weixin_34221892的博客
01-25 678
前言什么是ThymeleafThymeleaf是适用于Web和独立环境的现代服务器端Java模板引擎。Thymeleaf的主要目标是为您的开发工作流程带来优雅的自然模板 -HTML可以在浏览器中正确显示，也可以作为静态原型工作，从而可以在开发团队中加强协作。Thymeleaf拥有适用于Spring Framework的模块，与您喜欢的工具的大量集成以及插入您自己的功能的能力，对于现代HTML5 J...
thymeleaf中js及html中特殊符号的转义问题
热门推荐
u013593306的专栏
12-21 4万+
请直接这样用： /*       $(window).load(function(){            xxxx（其中包含了&&这种需要转义的字符）     }); /*]]>*/ 必须这样用，否则应该是无解，竟然用html中转义的&也是不行的，大家注意下。
thymeleaf 会对 js 的字符转义，包括 for 循环里的字符，导致报错。
tfish的专栏
08-10 4428
发现 thymeleaf 检查 html 语法也就算了，它还会对 js 中的字符进行转义，导致解析 js 报错，连 js for 循环 都要报错。 这样的东西，也敢发布出来让人用啊？   = = 最后搜来搜去，找到了解决方法：在 js 里加上  /*&lt;![CDATA[*/ 和 /*]]&gt;*/ ，避免转义。 如 for 循环写成： &lt;script type="text/ja...
thymeleaf 中onclick动态传参用到转义字符
user_q的博客
11-26 1030
&lt;a href="javascript:void(0)" th:onclick="'javascript:del(\''+${product.id}+'\')'"&gt;删除&lt;/a&gt;     th:onclick="'javascript:del(\'  '+${product.id}+' \')'"
Thymeleaf 没有返回html只返回字符串
天堂地址不详
04-28 1674
在使用Thymeleaf的时候，@RequestMapping对应的函数没有返回html文件而是返回了这个函数对应的字符串返回值 解决办法： 删除这个函数前面的@Responsebody注解，这个注解会返回Mapping函数指定的返回类型、例如String。而不是将其解析为html文件 ==================================================...
【thymeleaf】转义符：使用转义符拼接输出单引号
sayyy的专栏
07-15 8073
代码： <a th:onclick="${'xadmin.add_tab(''Search'','''} + @{/app/xx} + ${''')'}">链接名</a> 将字符串用${}嵌套，嵌套后对单引号进行转移''。单引号是转义符，两个单引号输出成一个单引号。 输出： <a onclick="xadmin.add_tab('Search','/app/xx')...
thymeleaf在JS里中文被转义了怎么办？
猿小白的博客
12-02 1021
使用thymeleaf在JS中中文被转义了怎么办？
thymeleaf转义
11-30 603
var xx=[(${xx})];
thymeleaf消息表达式
03-15
### Thymeleaf 中消息表达式的使用方法 Thymeleaf 是一种强大的服务器端 Java 模板引擎，支持 HTML、XML 和其他格式的模板处理。其中的消息表达式（`#{...}`）主要用于实现国际化功能，允许开发者通过键值对的方式加载资源文件中的文本内容。 #### 消息表达式的语法 消息表达式的标准形式为 `#{key}` 或者带有参数的形式 `#{key(arg0,arg1,...)}`[^2]。它可以从配置好的资源文件中读取对应的值并将其渲染到页面上。这种机制非常适合多语言网站开发场景下的动态文本显示需求。 #### 配置步骤 为了使消息表达式正常工作，通常需要完成以下几个方面的设置： 1. **引入依赖** 确保项目已经包含了 Thymeleaf 的相关 Maven 或 Gradle 依赖项。 2. **创建资源文件** 在项目的 `src/main/resources/` 路径下建立名为 `messages.properties` 的属性文件，并根据实际的语言环境添加更多版本，比如 `messages_en_US.properties`, `messages_zh_CN.properties` 等。这些文件内部存储着 key-value 形式的字符串数据[^3]。 3. **启用 Spring Boot 自动配置** 如果是在基于 Spring Boot 的环境中，则无需额外编写 Bean 定义来初始化 MessageSource；框架会自动扫描 classpath 下面所有的 .properties 文件作为候选源材料之一。 4. **HTML 页面调用** 利用 `<tag th:text="#{messageKey}">Default Text</tag>` 这样的方式，在前端视图层嵌套进所需展示的信息条目名即可。 #### 示例代码 下面给出一段具体的例子说明如何运用消息表达式达到预期效果: ```html <!DOCTYPE html> <html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"/> <title>Thymeleaf Demo</title> </head> <body> <h1 th:text="#{welcome.title}"></h1> <p th:if="${not #strings.isEmpty(message)}" th:text="#{greeting(${message})}"> Hello, world! </p> <!-- 更复杂的条件判断 --> <div th:switch="${user.language}"> <p th:case="'en'">#{"hello.inEnglish"}</p> <p th:case="'es'">#{"hello.inSpanish"}</p> <p th:case="*">#{"hello.defaultLanguage"}</p> </div> </body> </html> ``` 在此基础上还需要准备相应的 messages*.properties 文件内容如下所示： ``` welcome.title=欢迎来到我们的网站 greeting=你好,{0} hello.inEnglish=Hello hello.inSpanish=hola hello.defaultLanguage=Bonjour ``` 以上即完成了基本的消息传递流程演示[^5]。 #### 注意事项 当遇到复杂逻辑或者特殊字符转义等问题时，请参照官方文档进一步学习调整策略[^4]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值