我是 XML 的新手(现在已经有几天了......)一切都很顺利,但是,我似乎无法使用 css 样式处理 xml
这是我的 perl...
#!/usr/bin/perl -w
use strict;
use warnings;
use diagnostics;
use Text::CSV_XS;
my $csv = Text::CSV_XS->new ({ binary => 1, auto_diag => 1 });
my $ifile="elementarray.csv";
my $ofile="elementarray.xml";
open my $fh, "<", $ifile or die $ifile.": $!";
open my $out, "> ".$ofile or die "Cannot write ".$ofile.": $!";
print $out <<EOT;
<?xml version="1.0"?>
<?xml-stylesheet type="text/xsl" href="elementarray.xsl"?>
<?xml-stylesheet href="elementarray.css" title="Default style"?>
<EMAILCOMMENTS>
EOT
# First record contains list of fieldnames
#my $fields = $csv->getline($fh);
#print @$fields;
while (my $row = $csv->getline($fh)) {
last unless $row && @$row;
# Encode "<" characters as "<" and "&" as "&" in all fields
foreach (@$row) {
s/&/&/g;
s/</</g;
}
# Create hash of fields using hash slice
my %row;
@row{"Subject","Body","From: (Name)","From: (Address)","To: (Name)","To:(Address)","Date","Time"} = @$row;
print $out <<EOT;
<EMAIL>
<HEADER>
<ORIGNAME>$row{"From: (Name)"}</ORIGNAME>
<ORIGADDRESS>$row{"From: (Address)"}</ORIGADDRESS>
<DESTNAME>$row{"To: (Name)"}</DESTNAME>
<DESTADDRESS>$row{"To: (Address)"}</DESTADDRESS>
<SUBJECT>$row{"Subject"}</SUBJECT>
</HEADER>
<BODY>$row{"Body"}</BODY>
<DATE id="date">$row{"Date"}</DATE>
<TIME id="time">$row{"Time"}</TIME>
</EMAIL>
EOT
}
print $out "</EMAILCOMMENTS>\n";
$csv->eof or $csv->error_diag;
close $fh or die $ifile.": $!";
close $out or die $ofile.": $!";
这是我的 xsl...
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output indent="yes" method="html"/>
<xsl:template match="/"><!-- a 'pattern', / matches the root node -->
<html>
<head>
<title>E-mail</title>
</head>
<body>
<xsl:apply-templates/><!-- an instruction -->
</body>
</html>
</xsl:template>
<xsl:template match="HEADER">
<span STYLE="color:red; font-weight:bold; font-style:italic">
<xsl:value-of select="SUBJECT"/>
</span>
From: <xsl:call-template name="formatEmail">
<xsl:with-param name="address" select="ORIGADDRESS"/>
</xsl:call-template>
To: <xsl:call-template name="formatEmail">
<xsl:with-param name="address" select="DESTADDRESS"/>
</xsl:call-template>
</xsl:template>
<xsl:template match="EMAIL">
<xsl:apply-templates select="HEADER"/>
<pre>
<xsl:value-of select="BODY"/>
</pre>
<div>
<span>
<xsl:attribute name="id"><xsl:value-of select="date"/></xsl:attribute>
<!-- --><xsl:value-of select="DATE"/><!-- --></span>
<span>
<xsl:attribute name="id"><xsl:value-of select="time"/></xsl:attribute>
<!-- --><xsl:value-of select="TIME"/><!-- --></span>
</div>
<br />
</xsl:template>
<xsl:template name="formatEmail">
<xsl:param name="address"/>
<a>
<xsl:attribute name="href"><xsl:value-of select="concat('mailto:',$address)"/></xsl:attribute>
<xsl:value-of select="$address"/>
</a>
</xsl:template>
</xsl:stylesheet>
这是我的 xml(1 条记录)...
<?xml version="1.0"?>
<?xml-stylesheet type="text/xsl" href="elementarray.xsl"?>
<?xml-stylesheet href="elementarray.css" title="Default style"?>
<EMAILCOMMENTS>
<EMAIL>
<HEADER>
<ORIGNAME>William Holt</ORIGNAME>
<ORIGADDRESS><x@gmail.com></ORIGADDRESS>
<DESTNAME>X</DESTNAME>
<DESTADDRESS>bill@elementarray.com</DESTADDRESS>
<SUBJECT>welcome to the neighborhood</SUBJECT>
</HEADER>
<BODY>just thought i'd say hello</BODY>
<DATE id="date">07/18/2013</DATE>
<TIME id="time">11:53</TIME>
</EMAIL>
</EMAILCOMMENTS>
这里是 css ( style 只是为了看看它是否工作,它不是 :( )...
DATE{background-color:red;}
TIME{background-color:green;}
#date{background-color:yellow;}
#time{background-color:blue;}
BODY{background-color:grey;}
抱歉帖子的长度,但我认为您需要所有这些文件...
最佳答案
尽管您确实可以使用 CSS 设置 XML 样式,但使用 xml-stylesheet
包含在 XML 中的处理指令,则不能同时使用 XSLT 对其进行转换。也就是说,您的 XML 中实际上应该只有一个样式表处理指令。您可以简单地使用 CSS 设置 XML 的样式(这并不是一件很常见的事情),或者使用 XSLT 将其转换为 HTML 并使用 CSS 设置 HTML 输出的样式。
在后一种情况下,删除 <?xml-stylesheet href="elementarray.css"?>
XML 文档中的指令,而不是在第一个模板中输出对 CSS 文档的引用。
<xsl:template match="/">
<html>
<head>
<title>E-mail</title>
<link href="elementarray.css" type="text/css" rel="stylesheet" />
</head>
<body>
<xsl:apply-templates/>
</body>
</html>
</xsl:template>
现在,在您的 CSS 中,我看到您已经有了用于 date 和 time id 的选择器,因此您需要确保 HTML 中的相关元素具有这些 id .
目前,您正在 XSLT 中执行此操作
<span>
<xsl:attribute name="id"><xsl:value-of select="date"/></xsl:attribute>
<!-- --><xsl:value-of select="DATE"/><!-- --></span>
<span>
但这是将 id 属性设置为在您的 XML 中具有 date 元素的值,但这样的元素不存在!我想你的意思是在这里使用文字字符串。现在,您可以这样做...
<xsl:attribute name="id"><xsl:value-of select="'date'"/></xsl:attribute>
但这很冗长。你可以这样做:
<xsl:attribute name="id">date</xsl:attribute>
但更好的是,只需以正常方式将其写为属性即可:
<span id="date">
<xsl:value-of select="DATE"/>
</span>
“时间”也是如此。这应该确保在您输出的 HTML 中使用您的 CSS 设置两个 span 标签的样式。
关于css - 使用 xml 文档处理 css 样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18163305/