Benutzerdefiniertes JavaScript ausführen

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

Benutzerdefiniertes JavaScript ausführen

Mit IronPDF können Sie benutzerdefiniertes JavaScript ausführen, um Ihre aus HTML-Inhalten gerenderten PDFs besser anzupassen. Mit der Eigenschaft ChromePdfRenderOptions.Javascript können Sie sicherstellen, dass der JavaScript-Code ausgeführt wird, nachdem der HTML-Inhalt geladen wurde, aber bevor Ihr PDF gerendert wird. Dies ermöglicht eine dynamische Inhaltsdarstellung und Interaktivität. Die ChromePdfRenderer-Klasse von IronPDF garantiert, dass Sie PDF-Dokumente in hoher Qualität erstellen, die auf Ihre Bedürfnisse zugeschnitten sind, ohne dass die ursprüngliche Qualität oder Interaktivität verloren geht.

Schritte zur Ausführung benutzerdefinierten JavaScripts für Ihre PDF-Dokumente

var renderOptions = new ChromePdfRenderOptions();
renderOptions.Javascript = "document.querySelectorAll('h1').forEach(Funktion(el){el.style.color='red';})";
var renderer = new ChromePdfRenderer{RenderingOptions = renderOptions};
var pdf = renderer.RenderHtmlAsPdf(
Frohes Neues Jahr!</h1>");
pdf.SaveAs("executed_js.pdf");
Bevor wir mit der Konvertierung unseres benutzerdefinierten HTML und JavaScript in PDFs beginnen können, müssen wir zuerst eine neue ChromePdfRenderer-Instanz erstellen. Die ChromePdfRenderer-Klasse übernimmt das Rendern von HTML-, CSS- und JavaScript-Inhalten in das PDF-Format und bewahrt dabei eine pixelgenaue Qualität. Anschließend können wir mithilfe der Javascript-Eigenschaft der ChromePdfRenderer-Klasse einen benutzerdefinierten JavaScript-Code erstellen, der ausgeführt wird, sobald der HTML-Inhalt geladen ist. Dies stellt sicher, dass die Änderungen, die von unserem JavaScript-String vorgegeben werden, im endgültigen PDF-Dokument widergespiegelt werden. In diesem Fall wählen wir alle h1-Tags innerhalb des HTML-Inhalts aus und ändern ihre Textfarbe in Rot.
Wir weisen dann unser renderOptions-Objekt der RenderingOptions-Eigenschaft des ChromePdfRenderer zu, welche die Rendereinstellungen für diese spezielle Instanz des ChromePdfRenderer steuert. Dies bedeutet, dass wir, wenn wir unsere Instanz der ChromePdfRenderer-Klasse verwenden, unser JavaScript ausführen werden, bevor das PDF gerendert wird, um sicherzustellen, dass die Änderungen im resultierenden PDF vorgenommen werden. Dann rendern wir unseren HTML-Inhalt mit RenderHtmlAsPdf und verwenden die PdfDocument-Klasse, um ein neues PDF-Dokument aus dem gerenderten Inhalt zu erstellen, das in der Variable pdf gespeichert wird.
Schließlich speichern wir das gerenderte PDF mit der letzten Zeile SaveAs, die das PDF zum angegebenen Dateipfad exportiert.
Klicken Sie hier, um den How-to-Guide mit Beispielen, Beispielcode und Dateien anzusehen >