传递css文件到PDFMake样式

Question

我目前正在尝试使用HTML-to-pdfmake和pdfmake库将包含HTML标记的字符串打印为pdf。HTML包含许多类和id，我在CSS文件中为它们设置了样式。是否有一种方法可以将该CSS文件传递到pdfmake中的styles属性，而不是在内容定义部分编写所有样式?

这是我目前拥有的:

let documentDefinition = {
pageSize: "A4",
pageOrientation: "portrait",
footer: footer,
header: header,
content: [
{
text: htmlToPdfmake(documentBody, {
window: window,
}),
},
],
styles: {
header: {
fontSize: 22,
bold: true,
},
anotherStyle: {
italics: true,
alignment: "right",
},
},
}

我的目标是从css中引用这些样式，因为我有一个1000行长的css样式。就像这样:

let documentDefinition = {
pageSize: "A4",
pageOrientation: "portrait",
footer: footer,
header: header,
content: [
{
text: htmlToPdfmake(documentBody, {
window: window,
}),
},
],
styles: {
path: "./styles/style.css"
}

}

Answer 1

告诉你:pdfmake样式不是CSS, html-to-pdfmake模块只支持有限的一组CSS属性。

CSS可以创建非常复杂的设计，但是这个框架只能处理最简单的HTML/CSS。对CSS样式的支持是有限的，可能无法在所有情况下使用所有值:

已经说过，如果你想外部化配置的这一部分，你可以把它移动到一个不同的JS(甚至JSON)文件，并使用你最喜欢的模块加载器加载它，就像你对任何常规的JS或JSON文件一样。