我创建胡子模板和我访问XML中的所有数据,我将此模板转换为PDF与XML-PDF,但我不能添加自动页码(分页)。如果页面已满,它会自动添加一个新页面,那么我可以检测到这个新页面并给予特定的布局吗??或者我可以给予一个特定的布局页面的所有网页与CSS或JS包括在模板中。小胡子?有什么办法吗?谢谢
Mustache template:
<!DOCTYPE html>
<html>
<head>
<title>XML-PDF</title>
<style type="text/css">
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
table, th, td {
border: none; }
table {
width: 100%;
display: table; }
table.bordered > thead > tr,
table.bordered > tbody > tr {
border-bottom: 1px solid #d0d0d0; }
table.striped > tbody > tr:nth-child(odd) {
background-color: #f2f2f2; }
table.striped > tbody > tr > td {
border-radius: 0; }
table.highlight > tbody > tr {
transition: background-color .25s ease; }
table.highlight > tbody > tr:hover {
background-color: #f2f2f2; }
table.centered thead tr th, table.centered tbody tr td {
text-align: center; }
thead {
border-bottom: 1px solid #d0d0d0; }
td, th {
padding: 15px 5px;
display: table-cell;
text-align: left;
vertical-align: middle;
border-radius: 2px; }
</style>
</head>
<body>
<table class="striped">
<thead>
<tr>
<th>COMMON</th>
<th>BOTANICAL</th>
<th>ZONE</th>
<th>LIGHT</th>
<th>PRICE</th>
<th>AVAILABILITY</th>
</tr>
</thead>
<tbody>
{{#CATALOG.PLANT}}
<tr>
<td>{{COMMON}}</td>
<td>{{BOTANICAL}}</td>
<td>{{ZONE}}</td>
<td>{{LIGHT}}</td>
<td>{{PRICE}}</td>
<td>{{AVAILABILITY}}</td>
</tr>
{{/CATALOG.PLANT}}
</tbody>
</table>
<section
style="margin-left: 12%; page-break-before: always;margin-top:2em"
>
{{#CATALOG.PLANT}}
<ul>
<li>{{COMMON}}</li>
<li>{{BOTANICAL}}</li>
<li>{{ZONE}}</li>
<li>{{LIGHT}}</li>
<li>{{PRICE}}</li>
<li>{{AVAILABILITY}}</li>
</ul>
{{/CATALOG.PLANT}}
</section>
</body>
</html>
XML file :
<?xml version="1.0" encoding="UTF-8"?>
<CATALOG>
<PLANT>
<COMMON>Bloodroot</COMMON>
<BOTANICAL>Sanguinaria canadensis</BOTANICAL>
<ZONE>4</ZONE>
<LIGHT>Mostly Shady</LIGHT>
<PRICE>$2.44</PRICE>
<AVAILABILITY>031599</AVAILABILITY>
</PLANT>
<PLANT>
<COMMON>Columbine</COMMON>
<BOTANICAL>Aquilegia canadensis</BOTANICAL>
<ZONE>3</ZONE>
<LIGHT>Mostly Shady</LIGHT>
<PRICE>$9.37</PRICE>
<AVAILABILITY>030699</AVAILABILITY>
</PLANT>
<PLANT>
<COMMON>Marsh Marigold</COMMON>
<BOTANICAL>Caltha palustris</BOTANICAL>
<ZONE>4</ZONE>
<LIGHT>Mostly Sunny</LIGHT>
<PRICE>$6.81</PRICE>
<AVAILABILITY>051799</AVAILABILITY>
</PLANT>
<PLANT>
<COMMON>Cowslip</COMMON>
<BOTANICAL>Caltha palustris</BOTANICAL>
<ZONE>4</ZONE>
<LIGHT>Mostly Shady</LIGHT>
<PRICE>$9.90</PRICE>
<AVAILABILITY>030699</AVAILABILITY>
</PLANT>
<PLANT>
<COMMON>Dutchman's-Breeches</COMMON>
<BOTANICAL>Dicentra cucullaria</BOTANICAL>
<ZONE>3</ZONE>
<LIGHT>Mostly Shady</LIGHT>
<PRICE>$6.44</PRICE>
<AVAILABILITY>012099</AVAILABILITY>
</PLANT>
<PLANT>
<COMMON>Ginger, Wild</COMMON>
<BOTANICAL>Asarum canadense</BOTANICAL>
<ZONE>3</ZONE>
<LIGHT>Mostly Shady</LIGHT>
<PRICE>$9.03</PRICE>
<AVAILABILITY>041899</AVAILABILITY>
</PLANT>
<PLANT>
<COMMON>Hepatica</COMMON>
<BOTANICAL>Hepatica americana</BOTANICAL>
<ZONE>4</ZONE>
<LIGHT>Mostly Shady</LIGHT>
<PRICE>$4.45</PRICE>
<AVAILABILITY>012699</AVAILABILITY>
</PLANT>
<PLANT>
<COMMON>Liverleaf</COMMON>
<BOTANICAL>Hepatica americana</BOTANICAL>
<ZONE>4</ZONE>
<LIGHT>Mostly Shady</LIGHT>
<PRICE>$3.99</PRICE>
<AVAILABILITY>010299</AVAILABILITY>
</PLANT>
<PLANT>
<COMMON>Jack-In-The-Pulpit</COMMON>
<BOTANICAL>Arisaema triphyllum</BOTANICAL>
<ZONE>4</ZONE>
<LIGHT>Mostly Shady</LIGHT>
<PRICE>$3.23</PRICE>
<AVAILABILITY>020199</AVAILABILITY>
</PLANT>
<PLANT>
<COMMON>Mayapple</COMMON>
<BOTANICAL>Podophyllum peltatum</BOTANICAL>
<ZONE>3</ZONE>
<LIGHT>Mostly Shady</LIGHT>
<PRICE>$2.98</PRICE>
<AVAILABILITY>060599</AVAILABILITY>
</PLANT>
<PLANT>
<COMMON>Phlox, Woodland</COMMON>
<BOTANICAL>Phlox divaricata</BOTANICAL>
<ZONE>3</ZONE>
<LIGHT>Sun or Shade</LIGHT>
<PRICE>$2.80</PRICE>
<AVAILABILITY>012299</AVAILABILITY>
</PLANT>
<PLANT>
<COMMON>Phlox, Blue</COMMON>
<BOTANICAL>Phlox divaricata</BOTANICAL>
<ZONE>3</ZONE>
<LIGHT>Sun or Shade</LIGHT>
<PRICE>$5.59</PRICE>
<AVAILABILITY>021699</AVAILABILITY>
</PLANT>
<PLANT>
<COMMON>Spring-Beauty</COMMON>
<BOTANICAL>Claytonia Virginica</BOTANICAL>
<ZONE>7</ZONE>
<LIGHT>Mostly Shady</LIGHT>
<PRICE>$6.59</PRICE>
<AVAILABILITY>020199</AVAILABILITY>
</PLANT>
<PLANT>
<COMMON>Trillium</COMMON>
<BOTANICAL>Trillium grandiflorum</BOTANICAL>
<ZONE>5</ZONE>
<LIGHT>Sun or Shade</LIGHT>
<PRICE>$3.90</PRICE>
<AVAILABILITY>042999</AVAILABILITY>
</PLANT>
</CATALOG>
index.js
const xml = require("xml-pdf");
var options = { "-h": "500m" };
xml.xmlpdf(
"./in.xml",
"./output.pdf",
"./template.mustache",
options,
function (error, response) {
if (error) {
console.log(error);
} else {
console.log(response);
}
}
);
输出pdf示例:
[
]
1条答案
按热度按时间6fe3ivhb1#
尝试