Question

我有一个使用它的JSF 2.0页面：

<h:head>
<h:outputStylesheet name="screen.css" library="css" />
</h:head>

非常好地生成此HTML：

<head>
<link type="text/css" rel="stylesheet" 
    href="/myapp/javax.faces.resource/screen.css.jsf?ln=css" />
</head>

在浏览器中查看页面时，这非常棒。但是，我想使用嵌入在HTML页面中的这个样式表，该页面将通过电子邮件发送给用户。我不希望他们的电子邮件客户端从服务器加载样式表。我希望通过电子邮件发送给他们的文件是自给自足的，不会受到网站样式表变化（甚至缺席）的影响。

我希望HTML输出如下：

<head>
<style type="text/css">
    ...contents of screen.css here...
</style>
</head>

我试图通过使用它来实现这一目标：

<h:head>
<style type="text/css">
<ui:include src="/resources/css/screen.css"></ui:include>
</style>
</h:head>

但我收到了这个错误：

javax.servlet.ServletException: Error Parsing /resources/css/screen.css: 
Error Traced[line: 1] Content is not allowed in prolog.
javax.faces.webapp.FacesServlet.service(FacesServlet.java:325)

如何让样式表的内容出现在文档的头部？

Answer 1

不使用标准的JSF组件。

JSF实用程序库OmniFaces有一个<o:resourceInclude>，其目的是将非JSF webapp资源的原始输出包含在JSF页面中。

<h:head>
    <style type="text/css">
        <o:resourceInclude path="/resources/css/screen.css" />
    </style>
</h:head>

请注意，这不支持资源本地化和版本控制，也不会像<h:outputStylesheet>那样评估CSS文件中的EL表达式。

如何在<style>？</style>中包含样式表的内容

1 个答案: