Un formatage HTML parfait

This article was translated from English: Does it need improvement?
Translated
View the article in English

Pour que vos PDF soient parfaits, vous devez développer d'excellents modèles HTML ou travailler avec un développeur web pour le faire à votre place. Cet article de dépannage est tiré d'un tutoriel complet sur le débogage de votre HTML.

1. Déboguer et tester votre HTML

Vous pouvez déboguer votre HTML, CSS et JS dans votre Chrome ou un navigateur de bureau similaire. Ensuite, lorsque vous savez qu'il fonctionne parfaitement - connectez-le à IronPDF, et il aura un aspect identique à celui qu'il a dans Chrome.

Utilisation de base

Cet exemple de code rendra les PDF parfaits au pixel près sur le dernier navigateur de bureau Chrome.

ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

Développement HTML avancé

Les utilisateurs avancés de Chrome peuvent obtenir une précision de 100 % en utilisant les paramètres par défaut d'IronPDF et en activant l'option "Emuler les médias CSS > Écran https://developer.chrome.com/docs/devtools/css/print-preview/

ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen;
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

2. Comparer les résultats

Pour comparer le résultat, ouvrez votre HTML dans le navigateur web de bureau Chrome.

Remarque : exportez toutes les chaînes HTML et tous les actifs vers des fichiers HTML autonomes et modifiez-les manuellement, ou demandez l'aide d'un développeur web

3. Ouvrir la fenêtre d'aperçu avant impression (Ctrl+P sous Windows)

Vous devrez peut-être modifier le format du papier et activer l'impression des images d'arrière-plan dans la boîte de dialogue d'impression Chrome.

4. Sélectionnez l'option "Enregistrer au format PDF"

Une fois que l'impression au format PDF dans Chrome est parfaite - IronPDF l'égalera.

5. Exécuter IronPDF

Maintenant que le code HTML est parfait, passez-le dans IronPDF et il sera identique. Utiliser {PlaceHolders} pour fusionner les données des clients. Les exemples de code à

https://ironpdf.com/examples/using-html-to-create-a-pdf/ sera d'une grande aide!

Si ce tutoriel ne vous aide pas à résoudre votre problème, veuillez alors Contacter le support techniquenous adapterons et améliorerons notre documentation pour vous aider davantage.