当前位置: 首页 > 知识库问答 >
问题:

在thymeleaf模板中插入css

秦俊发
2023-03-14

我需要在电子邮件模板(thymeleaf)中插入样式。我需要为几个模板制作一个通用的css文件。

使用Spring引导1.3.3

我试图遵循以下帖子中的内容:Thymeleaf CSS SpringBoot

电子邮件文件:资源

我为邮件使用WebContext(我以前使用上下文,但上下文不接受相对路径,需要WebContext)。

在我的css:

h1 {
color: #78ab46;
}

在我的模板中:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title > Hello </title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" media="all"
          href="../static/css/styles.css" th:href="@{/css/styles.css}" />
</head>
<body>
    <h1> Hello </h1>
</body>

结果是邮件被发送,但css样式没有被考虑在内。我也没有看到任何错误消息。

你能帮帮我吗?

谢谢

曼努埃拉

共有1个答案

时修贤
2023-03-14

在过去,我使用片段来处理这类事情。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<div th:replace="fragments/email-header :: head"></div>
    <title > Hello </title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
    <h1> Hello </h1>
</body>

然后在fragments文件夹中,我有一个文件电子邮件头。html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <style>
        h1 {
            color: #78ab46;
        }
    </style>
</html>

在我复制这个的项目中,我使用了整个头的片段。我不明白为什么它对标题的“片段”不起作用。

 类似资料:
  • 我正在尝试用Thymeleaf创建纯文本和HTML的电子邮件模板。因为我不想复制公共部分,所以我想单独定义这些部分,并将它们插入到更具体的模板中。 它适用于超文本标记语言,但对于普通文本变量中的公共部分不被替换: 超文本标记语言 > 具体的html 纯文本 > header.txt 页脚。文本 具体的文本 后果 对于超文本标记语言,这一切都很好,但是对于纯文本版本,插入的模板中的变量不会被替换:

  • 本文向大家介绍SpringBoot中的Thymeleaf模板,包括了SpringBoot中的Thymeleaf模板的使用技巧和注意事项,需要的朋友参考一下 一、前言     Thymeleaf 的出现是为了取代 JSP,虽然 JSP 存在了很长时间,并在 Java Web 开发中无处不在,但是它也存在一些缺陷: 1、JSP 最明显的问题在于它看起来像HTML或XML,但它其实上并不是。大多数的JS

  • 我在让Thymeleaf按照我想要的方式处理模板方面遇到了一些问题。我以前使用的ApacheTiles很有效,但我认为它在配置/XML中很重要。我有一个优雅的解决方案,我甚至在XML配置中定义我的JavaScripts和Sytlesheets。然而,我想完全远离JSP。我已经看到了Thymeleaf和Facelets的参考资料。我决定试试Thymeleaf,但我在为所有其他页面获取默认布局时遇到了

  • 英文原文:http://emberjs.com/guides/views/inserting-views-in-templates/ 到目前为止,我们已经讨论了如何为单独的视图编写模板。然而,随着应用开发的深入,为了封装页面上的不同区域,你可能会经常需要创建一个层次化的视图结构。每个视图负责处理事件和维护需要显示的属性。 {{view}} 为了将一个子视图添加到父视图中,可以使用{{view}}助

  • 本文向大家介绍springBoot加入thymeleaf模板的方式,包括了springBoot加入thymeleaf模板的方式的使用技巧和注意事项,需要的朋友参考一下 1.新建springBoot项目 在前面有两种方式 2.加入thymeleaf模板引擎 SpringBoot推荐使用thymeleaf模板引擎 语法简单,功能更强大 要想引入thymeleaf,只需要在pom,xml文件中加入如下依

  • 是否有一种方法可以将Thymeleaf模板存储在与类相同的包中而不是或?例如,这样的结构: 为了实现这一点,我必须如何配置Spring和Thymeleaf?