Actualmente estoy tratando de imprimir una cadena que contiene marcado HTML en pdf utilizando las bibliotecas HTML-to-pdfmake y pdf make. El HTML contiene muchas clases e identificadores y tengo estilos para ellos en un archivo CSS. ¿Hay alguna manera de pasar ese archivo CSS al atributo de styles en pdfmake en lugar de escribir todos los estilos en la sección de definición de contenido?
Esto es lo que tengo actualmente:
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", }, }, }El objetivo sería hacer referencia a estos estilos desde un css, ya que tengo un estilo css de 1000 líneas de largo. Entonces sería algo como esto:
let documentDefinition = { pageSize: "A4", pageOrientation: "portrait", footer: footer, header: header, content: [ { text: htmlToPdfmake(documentBody, { window: window, }), }, ], styles: { path: "./styles/style.css" } }FYI: los estilos de pdfmake no son CSS y el módulo html-to-pdfmake solo admite un conjunto limitado de propiedades CSS .
CSS puede crear un diseño muy complejo, sin embargo, este marco solo puede manejar el HTML / CSS más simple. La compatibilidad con el estilo CSS es limitada y es posible que no funcione en todos los casos con todos los valores:
Habiendo dicho eso, si desea externalizar esta parte de su configuración, puede moverla a un archivo JS (o incluso JSON) diferente y cargarlo usando su cargador de módulos favorito, como lo haría con cualquier archivo JS o JSON normal.