JavaScript en HTML vers PDF

VB C#

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");

Imports IronPdf

Const htmlWithJavaScript As String = "
<h1>This is HTML</h1>
<script>
    document.write('<h1>This is JavaScript</h1>');
    window.ironpdf.notifyRender();
</script>"

' Instantiate Renderer
Dim renderer As New ChromePdfRenderer()

' Enable JavaScript in our RenderingOptions
renderer.RenderingOptions.EnableJavaScript = True
renderer.RenderingOptions.WaitFor.JavaScript()

Dim 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, c'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 de chaîne, nous avons créé une chaîne HTML qui inclut la balise JavaScript <script>, qui contiendra le code JavaScript utilisé pour créer notre PDF. L'utilisation de la balise script permet d'indiquer quelle partie de la chaîne est du JavaScript, qui sera ensuite activée à 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 au format 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 de 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 l'exécution du JavaScript soit terminée avant de poursuivre le processus de rendu. Le rendu commencera dès que le code JavaScript exécutera 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 généré, appelé dans ce cas pdfJavaScript. Enfin, nous pouvons économiser ce nouveau PDF à l'aide de 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