Exécuter du JavaScript Personnalisé

VB C#

using IronPdf;

var renderOptions = new ChromePdfRenderOptions();

// Example that change all to red style in JavaScript:
renderOptions.Javascript = "document.querySelectorAll('h1').forEach(function(el){el.style.color='red';})";

// Make sure to use the render options object that you created:
var renderer = new ChromePdfRenderer { RenderingOptions = renderOptions };
var pdf = renderer.RenderHtmlAsPdf("<h1>Happy New Year!</h1>");
pdf.SaveAs("executed_js.pdf");

Imports IronPdf

Private renderOptions = New ChromePdfRenderOptions()

' Example that change all to red style in JavaScript:
renderOptions.Javascript = "document.querySelectorAll('h1').forEach(function(el){el.style.color='red';})"

' Make sure to use the render options object that you created:
Dim renderer = New ChromePdfRenderer With {.RenderingOptions = renderOptions}
Dim pdf = renderer.RenderHtmlAsPdf("<h1>Happy New Year!</h1>")
pdf.SaveAs("executed_js.pdf")

Install-Package IronPdf

Exécuter du JavaScript Personnalisé

Avec IronPDF, vous pouvez exécuter du JavaScript personnalisé pour mieux personnaliser vos PDFs rendus à partir de contenu HTML. Avec la propriété ChromePdfRenderOptions.Javascript, vous pouvez vous assurer que le JavaScript s'exécute après le chargement du contenu HTML mais avant que votre PDF ne soit rendu, permettant ainsi un rendu dynamique et une interactivité. La classe ChromePdfRenderer d'IronPDF garantit que vous créez des documents PDF de haute qualité adaptés à vos besoins sans perdre la qualité ou l'interactivité d'origine.

Étapes à suivre pour exécuter un JavaScript personnalisé pour vos documents PDF

 class="csharp">
var renderOptions = new ChromePdfRenderOptions() ;
// Initialisation de ChromePdfRenderOptions pour définir des options de rendu personnalisées.

 class="csharp">
renderOptions.Javascript = "document.querySelectorAll('h1').forEach(function(el){el.style.color='red';}) ;";
// Définition de JavaScript pour changer la couleur de tous les éléments h1 en rouge.

 class="csharp">
var renderer = new ChromePdfRenderer { RenderingOptions = renderOptions } ;
// Création d'un nouveau ChromePdfRenderer et attribution de nos renderOptions à celui-ci.


var pdf = renderer.RenderHtmlAsPdf("Happy New Year");
// Rendering HTML as PDF and storing the result in the pdf variable.

 class="csharp">
pdf.Password = "my-password" ;
// Définition d'un mot de passe pour le document PDF pour plus de sécurité.

Avant de pouvoir commencer à rendre notre HTML et JavaScript personnalisés en PDFs, nous devons d'abord créer une nouvelle instance de ChromePdfRenderer. La classe ChromePdfRenderer gère le rendu du contenu HTML, CSS et JavaScript en format PDF, tout en maintenant une qualité pixel parfaite. Ensuite, en utilisant la propriété Javascript de la classe ChromePdfRenderOptions, nous pouvons créer un code JavaScript personnalisé qui s'exécutera dès que le contenu HTML sera chargé, en veillant à ce que les modifications dictées par notre chaîne JavaScript soient reflétées dans le document PDF final. Dans ce cas, nous sélectionnons toutes les balises h1 dans le contenu HTML et changeons leur couleur de texte en rouge.

Nous nous occupons ensuite d'assigner notre objet renderOptions à la propriété RenderingOptions de ChromePdfRenderer, qui contrôle les options de rendu pour cette instance spécifique du ChromePdfRenderer. Cela signifie que lorsque nous utilisons notre instance de la classe ChromePdfRenderer, nous exécuterons notre JavaScript avant que le PDF ne soit rendu, en assurant que les modifications soient effectuées dans le PDF résultant. Ensuite, nous rendons notre contenu HTML en utilisant RenderHtmlAsPdf et utilisons la classe PdfDocument pour créer un nouveau document PDF à partir du contenu rendu, qui est stocké dans la variable pdf.

Enfin, nous enregistrons le PDF rendu en utilisant la ligne finale, SaveAs, qui exportera le PDF vers le chemin de fichier spécifié.

Explorez la conversion de JavaScript en PDF avec IronPDF

Voir sur GitHub

Code

https://github.com/iron-software/IronPdf.Examples/tree/main/examples/execute-custom-javascript

Télécharger ZIP