php

Generar PDF con PHP usando dompdf

Resumen: mostrar cómo generar PDF con PHP de una forma sencilla a través de HTML, respetando estilos CSS para darle buena forma a los PDF creados con PHP.

Vas a aprender a crear un PDF a partir de HTML (es decir, se va a convertir código HTML a un documento PDF bien hecho), usando dompdf. Al final, los documentos podrán ser:

  • Mostrados en el navegador
  • Forzados para descargar
  • Guardados en el disco duro

También incluyo un ejemplo con Bootstrap y con estilos CSS.

Instalación de dompdf

Instalamos dompdf con:

composer require dompdf/dompdf

Recuerda, si no sabes usar Composer, mira por qué usar composer.

Después de instalar dompdf recuerda incluir el autoload:

include_once "./vendor/autoload.php";

Generar PDF con PHP: hola mundo

En resumen, se debe crear una instancia de Dompdf; invocar a loadHtml pasándole el código HTML como string e invocar a render (que convertirá el HTML a PDF, generando un PDF con PHP)

See the gist on github.

Para obtener el contenido invocamos a output; ese contenido puede ser escrito en el disco duro con file_put_contents.

En la línea 3 indicamos que usaremos Dompdf del namespace de Dompdf. En la línea 5 cargamos el HTML que podría venir de cualquier lugar, por ejemplo, de la lectura de un archivo.

Invocamos a render en la línea 6, esto es el proceso más tardado pues genera el PDF. Finalmente obtenemos el contenido en la línea 7 y lo guardamos con el nombre 1_hola.pdf en la línea 9.

Generar PDF con PHP usando dompdf – Hola mundo

Como se puede ver, el HTML se ha convertido en un PDF.

Múltiples formas de exportar el documento PDF

En el ejemplo de arriba vimos cómo guardar el PDF en el disco duro.

Pero podemos mostrarlo directamente en el navegador; para ello mostramos algunos encabezados para mostrar el PDF en el navegador y después imprimimos su contenido:

See the gist on github.

Por otro lado, podemos forzar la descarga del documento usando el método stream como se ve a continuación:

See the gist on github.

He presentado los tres métodos. En los siguientes ejemplos puedes usar cualquier método listado anteriormente, yo mostraré todo en el navegador.

Tabla con estilos CSS en PDF

La tabla

Ahora veamos cómo mostrar algo más que un encabezado y un enlace. Lo que haré será generar el contenido en un archivo externo, que además del HTML tiene estilos para dar bordes a la tabla.

See the gist on github.

Tenemos un arreglo de PHP y después generamos una tabla HTML a partir del mismo. Por el momento no hemos visto la generación del PDF.

Recuerda que en la vida real, el arreglo podría venir de una base de datos con PHP.

Generar PDF a partir de la tabla

Ahora vamos a incluir el archivo y esperar a que renderice, para eso voy a aplicar un truco que consta de las siguientes líneas:

See the gist on github.

De este modo obtengo el HTML generado y separo componentes, esto no es obligatorio ni tiene que ver con el pdf ni la librería, es un simple modo de obtener el código HTML.

El código para generar el pdf con PHP es:

See the gist on github.

Y el resultado es:

Estilos y HTML complejo en PDF con PHP

Como ves, la librería dompdf leyó los estilos y los aplicó al renderizar el PDF.

Imágenes

Al generar pdf con PHP también podemos agregar imágenes. Recomiendo evitar el uso de una imagen de internet y en su lugar usar una local con una ruta de sistema de archivos .

Queda así:

See the gist on github.

En este caso parzibyte.jpg está en el mismo directorio que el script. El resultado es:

Agregar imagen

Como ves, el PDF puede contener imágenes con estilos.

Usando estilo Bootstrap al generar PDF con PHP

Voy a terminar este tutorial de PHP mostrando cómo la librería puede interpretar las hojas de estilo, descargarlas y aplicarlas. Haré el ejemplo de la tabla solo que ahora le agregaré estilos CSS de Bootstrap.

Primero tengo la tabla:

See the gist on github.

Es una tabla con Bootstrap, fíjate que la misma tiene la clase table y table-bordered. En la línea 4 estoy cargando la hoja de estilos.

Ahora generamos el documento PDF:

See the gist on github.

Con el siguiente resultado:

HTML a PDF con PHP usando dompdf y Bootstrap

Conclusión

Recuerda que entre más grande sea el HTML y las hojas de estilo, se llevará más tiempo renderizar el documento a PDF.

La ventaja de todo esto es que puedes usar estilos bonitos y usar HTML para generar un PDF, usando un lenguaje que ya sabes, en lugar de aprender a usar la librería que crea PDF de manera nativa.

No olvides que además de mostrar directamente el documento puedes forzar su descarga o guardarlo de manera local.

Enlaces de interés

Si el post te gustó, te invito a ver más tutoriales de PHP.

No olvides visitar el repositorio de dompdf.

De igual forma puedes ver todo el código de los ejemplos en el repositorio de GitHub.

Encantado de ayudarte


Estoy disponible para trabajar en tu proyecto, modificar el programa del post o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.

No te pierdas ninguno de mis posts

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Ver comentarios

  • Excelente aporte!! Me ayudó mucho cuando empecé con Dompdf...
    Hoy tengo un problema, estoy haciendo un PDF pero necesito incluir algunas fórmulas matemáticas y científicas y no me acepta algunos símbolos, podrías orientarme si hay alguna forma??
    No tiene que ver con la fuente porque ya utilice varias y muestra "?" en algunos símbolos como el omega Ω u otros.

  • Hola...gracias por este tutoria....solo agregaria que hay que codificar la imagen en base64 para que resulte en un servidor https...saludos!!

  • Exelente tutorial, te felicito muy completo, por horas buscando en doc oficial, youtube etc, y lo solucionaste todo,
    mi duda puntual era a la hora de manejar datos dinamicos no podia transformarlos a pdf, con ob_start();
    y pasando la pagina por la funcion ob_get_clean() solucionado,.
    Gracias

Entradas recientes

JavaScript (lado del cliente): leer pixeles de imagen

En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…

5 días hace

PHP y JavaScript: llenar select con AJAX

Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…

5 días hace

Imprimir PDF generado con HTML

Hoy vamos a ver programar la impresión de un PDF generado a partir de HTML…

6 días hace

JavaScript: llenar select con arreglo

En este tutorial básico de JavaScript con HTML vamos a ver cómo llenar una lista…

2 semanas hace

Imprimir PDF a partir de URL

En este artículo se presenta una guía para imprimir un PDF a partir de una…

2 semanas hace

Imprimir PDF a partir de base64

En este post voy a enseñarte cómo imprimir un PDF a partir de su representación…

2 semanas hace

Esta web usa cookies.