JavaScript en HTML vers PDF

VB C#

string(19) "Cliquez pour copier"

using IronPdf;

const string htmlWithJavaScript = @"
<h1>This is HTML</h1>
<script>
    document.write('<h1>This is JavaScript</h1>');
    window.ironpdf.notifyRender();
</script>";

// Instantiate Renderer
var renderer = new ChromePdfRenderer();

// Enable JavaScript in our RenderingOptions
renderer.RenderingOptions.EnableJavaScript = true;
renderer.RenderingOptions.WaitFor.JavaScript();

var pdfJavaScript = renderer.RenderHtmlAsPdf(htmlWithJavaScript);

// Export to a file or Stream
pdfJavaScript.SaveAs("javascript-in-html.pdf");

Install-Package IronPdf

JavaScript en HTML vers PDF

IronPDF permet aux utilisateurs de créer des fichiers PDF à partir de contenu HTML, mais ce n'est pas seulement du contenu HTML pur qui peut être converti en PDF ; il peut également convertir du HTML avec CSS et JavaScript personnalisés. L'utilisation de JavaScript dans le contenu HTML, par exemple, permet d'intégrer directement des ressources telles que des images dans une chaîne HTML au lieu de les charger comme des ressources externes. Tout ce dont vous avez besoin pour y parvenir est la classe ChromePdfRenderer et sa propriété RenderingOptions.

## 5 étapes pour rendre HTML avec JavaScript en PDF en C#

`const string htmlWithJavaScript = "....";`
`var renderer = new ChromePdfRenderer();`
`renderer.RenderingOptions.EnableJavaScript = true;`
`renderer.RenderingOptions.WaitForJavaScript();`
`var pdfJavaScript = renderer.RenderHtmlAsPdf(htmlWithJavaScript);`

Dans la variable chaîne, nous avons créé une chaîne HTML qui inclut la balise JavaScript <script>, qui contiendra le code JavaScript qui sera utilisé pour créer notre PDF. L'utilisation de la balise script signifie que nous avons indiqué quelle partie de la chaîne est du JavaScript, qui sera activé ultérieurement à l'aide de la propriété RenderingOptions. Avec cela, vous pouvez intégrer des images, maintenir l'interactivité dans le PDF rendu, et plus encore.

Avec new ChromePdfRenderer();, nous instancions une nouvelle instance de la classe ChromePdfRenderer, qui contrôle le rendu du contenu HTML en PDF. Avec cette classe, vous pouvez être sûr que vos fichiers PDF rendus sortiront parfaits, avec tout JavaScript ou contenu CSS personnalisé maintenu dans le résultat final.

Ensuite, utilisez la propriété RenderingOptions dans la classe ChromePdfRenderer pour permettre l'exécution du JavaScript avant le rendu du nouveau PDF. La méthode RenderingOptions.WaitForJavaScript() garantit que le programme attend que le JavaScript ait fini de s'exécuter avant de poursuivre le processus de rendu. Le rendu commencera une fois que le code JavaScript aura exécuté la méthode window.ironpdf.notifyRender(). La propriété RenderingOptions est attribuée à l'instance ChromePdfRenderer que nous avons créée, afin que les options soient utilisées pour tout PDF créé avec ce moteur de rendu.

La méthode renderer.RenderHtmlAsPdf(...) gère le rendu effectif du document PDF. En passant la chaîne HTML avec le JavaScript à cette méthode, nous pouvons le rendre comme un PDF de haute qualité contenant tous les éléments HTML et JavaScript. Ceci est enregistré dans un nouvel objet PdfDocument qui stockera le PDF nouvellement rendu, qui dans ce cas est appelé pdfJavaScript. Enfin, nous pouvons enregistrer ce nouveau PDF en utilisant la méthode SaveAs.

Découvrez comment convertir JavaScript HTML en PDF

Voir sur GitHub

Code

https://github.com/iron-software/IronPDF.Examples/tree/main/examples/javascript-html-to-pdf

Télécharger ZIP