JavaScript en HTML vers PDF

VBC#

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

PM > Install-Package IronPdf

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. Utiliser la balise script signifie que nous avons indiqué quelle section de la chaîne est du JavaScript, qui sera ensuite activée en utilisant 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 activer l'exécution du JavaScript avant que le nouveau PDF ne soit rendu. La méthode RenderingOptions.WaitForJavaScript() garantit que le programme attend que le JavaScript ait terminé son exécution avant de continuer le processus de rendu. Le rendu démarrera une fois 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, de sorte que les options seront utilisées pour tout PDF créé avec ce renderer.

La méthode renderer.RenderHtmlAsPdf(...) traite le rendu réel 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