Catégories

← View All Tools

HTML vers PDF (Mise en Page Précise)

Rendre du HTML/CSS en PDF avec en-têtes, pieds de page et réglages précis

Cet outil rend du HTML/CSS en PDF via un navigateur sans interface pour une mise en page fidèle.

En-tête et Pied de page :

  • Modèles HTML personnalisés
  • Utilisez <span class="pageNumber"></span> et <span class="totalPages"></span>
  • CSS avec styles en ligne dans l'en-tête/pied

Options d'impression :

  • Formats A4/Letter/Legal
  • Marges (mm)
  • Impression des fonds et échelle
  • Support @page et @media print (activer "Préférer la taille CSS")

Points clés

Catégorie
Document Tools
Types d’entrée
textarea, select, checkbox, number
Type de sortie
file
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

Cet outil convertit du contenu HTML/CSS en fichiers PDF avec une mise en page précise, incluant des en-têtes et pieds de page personnalisés, et des réglages d'impression avancés pour une fidélité visuelle.

Quand l’utiliser

  • •Quand vous devez générer des documents PDF à partir de pages web ou de code HTML/CSS avec un contrôle précis de la mise en page.
  • •Pour créer des rapports, factures ou brochures nécessitant des en-têtes, pieds de page et numéros de page personnalisés.
  • •Lorsque vous avez besoin de régler les marges, le format de page (A4, Letter, etc.) et l'échelle pour l'impression ou la distribution numérique.

Comment ça marche

  • •Entrez votre code HTML dans le champ 'Contenu HTML' et ajoutez du CSS personnalisé si nécessaire.
  • •Configurez les options de mise en page : sélectionnez le format de page, ajustez les marges en millimètres, et activez l'impression des fonds.
  • •Définissez les modèles d'en-tête et de pied de page en HTML, en utilisant des balises comme <span class="pageNumber"></span> pour les numéros de page.
  • •L'outil utilise un navigateur sans interface pour rendre le HTML en PDF, en respectant les styles CSS et les réglages d'impression, puis téléchargez le fichier généré.

Cas d’usage

Génération de factures PDF professionnelles à partir de modèles HTML avec en-têtes d'entreprise et pieds de page légaux.
Création de rapports paginés pour des présentations, avec numéros de page automatiques et mise en page cohérente.
Conversion de documentation technique ou de manuels en PDF imprimable, avec contrôle précis des marges et de l'échelle.

Exemples

1. Facture mensuelle avec en-tête personnalisé

Freelance
Contexte
Un freelance doit envoyer des factures PDF à ses clients chaque mois, avec son logo et les détails de paiement.
Problème
Besoin d'un PDF qui conserve la mise en page HTML, inclut un en-tête avec le logo et un pied de page avec les coordonnées bancaires.
Comment l’utiliser
Saisir le HTML de la facture dans 'Contenu HTML', ajouter du CSS pour le style, et configurer l'en-tête avec le logo en HTML.
Configuration d’exemple
Modèle d'en-tête : <div style="text-align:center;"><img src="logo.png" height="50"></div>. Marges : supérieure 30 mm pour laisser de l'espace.
Résultat
Un fichier PDF professionnel avec en-tête visuel et pied de page informatif, prêt à être envoyé par email.

2. Rapport annuel paginé

Analyste financier
Contexte
L'analyste compile des données financières dans un rapport HTML et doit le distribuer en PDF aux parties prenantes.
Problème
Le PDF doit avoir des numéros de page, des marges uniformes, et imprimer les graphiques en arrière-plan pour une lecture claire.
Comment l’utiliser
Entrer le HTML du rapport, activer 'Imprimer le fond', et définir un pied de page avec les numéros de page.
Configuration d’exemple
Pied de page : <div style="font-size:10px; text-align:center;">Page <span class="pageNumber"></span> sur <span class="totalPages"></span></div>. Format : A4, orientation portrait.
Résultat
Un rapport PDF paginé avec graphiques visibles, marges équilibrées, et numéros de page automatiques pour une référence facile.

Tester avec des échantillons

html, pdf
Exemples PDF
Exemples PDF generes par les outils du 2026-02-01 au 2026-02-10
title token pdf
pdf
Échantillons de HTML avec Images
Échantillons de code source HTML avec des images pour tester l'extraction
title token html
sample
Exemples de Slides Markdown
Presentations Markdown style Remark/Marp pour tester l export PDF
matched family pdf
pdf
Exemples de Commentaires de Code
Fichiers de code d'exemple avec différents styles de commentaires pour tester la suppression de commentaires
keywords html,css
sample

Hubs associés

Outils Html pour Convert
Découvrez 11 outils html pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Pdf pour Convert
Découvrez 28 outils pdf pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Pdf
Découvrez 12 outils pdf pour des workflows de utility et comparez rapidement des utilitaires proches.
Outils Pdf pour Generate
Découvrez 10 outils pdf pour des workflows de generate et comparez rapidement des utilitaires proches.

FAQ

Quels formats de page sont supportés ?

Les formats A4, Letter, Legal et A5 sont disponibles via le menu déroulant 'Format de page'.

Comment ajouter des numéros de page dans l'en-tête ou le pied de page ?

Utilisez <span class="pageNumber"></span> pour le numéro de page actuel et <span class="totalPages"></span> pour le nombre total de pages dans les modèles HTML.

Puis-je imprimer les arrière-plans et les images ?

Oui, cochez l'option 'Imprimer le fond' pour inclure les arrière-plans CSS et les images dans le PDF.

Comment gérer les marges du document ?

Spécifiez les marges en millimètres pour chaque côté (supérieure, inférieure, gauche, droite) dans les champs dédiés.

L'outil supporte-t-il les styles CSS avancés comme @media print ?

Oui, il interprète les règles CSS @media print et @page. Activez 'Préférer la taille de page CSS' pour utiliser les dimensions définies dans le CSS.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/html-to-pdf-precise

Paramètres de la requête

Nom du paramètre Type Requis Description
htmlContent textarea Oui -
cssContent textarea Non -
pageSize select Non -
landscape checkbox Non -
printBackground checkbox Non -
scale number Non -
marginTop number Non -
marginBottom number Non -
marginLeft number Non -
marginRight number Non -
headerTemplate textarea Non -
footerTemplate textarea Non -
mediaType select Non -
waitUntil select Non -
waitTime number Non -
preferCssPageSize checkbox Non -

Format de réponse

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Fichier: Fichier

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP: 

{
  "mcpServers": {
    "elysiatools-html-to-pdf-precise": {
      "name": "html-to-pdf-precise",
      "description": "Rendre du HTML/CSS en PDF avec en-têtes, pieds de page et réglages précis",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=html-to-pdf-precise",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]