Estoy tratando de generar html a pdf en Node.js usando el paquete html-pdf-node . La página funciona bien si abro el archivo html en el navegador, pero cuando lo genero en pdf usando html-pdf-node, las imágenes y el css no se representan en el pdf.
Aquí está mi código:
plantilla.html
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type='text/css' href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <link rel="stylesheet" type='text/css' href="../css/style.css"> </head> <body> <div class="container"> <div class="text-center"> <img src="../images/logo.png" class="img-fluid" alt="Logo image"> </div> <div class="container align-items-center atd-title text-center"> <h3>Title Here</h3> </div> <div class="container align-items-center atd-container"> <div class="row"> <div class="col-lg-12"> <p>Sir:</p> <p class="atd-paragraph"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> </div> </div> </div> </div> </body> </html>servicio.js
let fs = require('fs'); let path = require('path'); let ejs = require('ejs'); let html_to_pdf = require('html-pdf-node'); // Read HTML Template let template = fs.readFileSync(path.resolve(__dirname, "../path/to/template.html"), 'utf8'); let html = ejs.render(template, {name: "test"}); let options = { format: 'A4' }; let file = { content: html }; let pdf = await html_to_pdf.generatePdf(file, options); return pdf;Esto se debe a que la cadena HTML se pasa a html-pdf-node , los otros activos como imágenes y CSS no. html-pdf-node usa Puppeteer como un navegador sin cabeza para representar la página web antes de guardarla como PDF, cuando intenta resolver los activos, envía solicitudes HTTP que simplemente fallan.
Tienes dos opciones para solucionar esto:
La opción más simple es la segunda, aquí hay un ejemplo mínimo:
const express = require('express') const html_to_pdf = require('html-pdf-node') const ejs = require('ejs') const fs = require('fs') const path = require('path') const app = express() const port = 3000 const template = fs.readFileSync(path.resolve(__dirname, "./index.html"), 'utf8') const content = ejs.render(template, { title: "Awesome title!" }) fs.writeFile(path.resolve(__dirname, "./public/index.html"), content, () => { app.use(express.static('src/public')) const server = app.listen(port, async () => { const url = `http://localhost:${port}` const options = { format: 'A4', path: 'output.pdf' } const file = { url } await html_to_pdf.generatePdf(file, options) server.close() }) })He creado un proyecto de trabajo aquí: https://github.com/Guerric-P/html-pdf-node-demo