JavaScript in HTML zu PDF

VB C#

string(20) "Zum Kopieren klicken"

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 in HTML zu PDF

IronPDF ermöglicht es Benutzern, PDF-Dateien aus HTML-Inhalten zu erstellen, aber es ist nicht nur reiner HTML-Inhalt, der in PDF konvertiert werden kann; es kann auch HTML mit benutzerdefiniertem CSS und JavaScript konvertieren. Die Verwendung von JavaScript innerhalb des HTML-Inhalts ermöglicht es zum Beispiel, dass Assets wie Bilder direkt innerhalb eines HTML-Strings eingebettet werden, anstatt sie als externe Assets zu laden. Alles, was Sie dafür benötigen, ist die Klasse ChromePdfRenderer und ihre Eigenschaft RenderingOptions.

## 5 Schritte zum Rendern von HTML mit JavaScript in PDF in C#

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

Innerhalb der String-Variablen haben wir einen HTML-String erstellt, der den JavaScript Tag <script> enthält. Dieser Tag enthält den JavaScript Code, der zur Erstellung unseres PDFs verwendet wird. Die Verwendung des Script-Tags bedeutet, dass wir angegeben haben, welcher Teil der Zeichenkette JavaScript ist, welches später mit der Eigenschaft RenderingOptions aktiviert wird. Damit können Sie Bilder einbetten, Interaktivität im gerenderten PDF beibehalten und mehr.

Mit new ChromePdfRenderer(); instanziieren wir eine neue Instanz der Klasse ChromePdfRenderer, die das Rendern von HTML-Inhalten in PDF steuert. Mit dieser Klasse können Sie sicher sein, dass Ihre gerenderten PDF-Dateien pixelgenau erscheinen, zusammen mit jedem benutzerdefinierten JavaScript- oder CSS-Inhalt, der im Endergebnis beibehalten wird.

Nutzen Sie anschließend die Eigenschaft RenderingOptions innerhalb der Klasse ChromePdfRenderer, um zu ermöglichen, dass das JavaScript ausgeführt wird, bevor das neue PDF gerendert wird. Die Methode RenderingOptions.WaitForJavaScript() stellt sicher, dass das Programm wartet, bis die JavaScript Ausführung abgeschlossen ist, bevor mit dem Rendering-Prozess fortgefahren wird. Das Rendering beginnt, sobald der JavaScript Code die Methode window.ironpdf.notifyRender() ausführt. Die Eigenschaft RenderingOptions wird der von uns erstellten Instanz ChromePdfRenderer zugewiesen, sodass die Optionen für alle mit diesem Renderer erstellten PDFs verwendet werden.

Die Methode renderer.RenderHtmlAsPdf(...) kümmert sich um das eigentliche Rendern des PDF-Dokuments. Indem wir den HTML-String mit dem JavaScript an diese Methode übergeben, können wir es als hochqualitatives PDF rendern, das alle HTML- und JavaScript-Elemente enthält. Dies wird in einem neuen PdfDocument-Objekt gespeichert, das das neu gerenderte PDF speichert, welches in diesem Fall pdfJavaScript heißt. Schließlich können wir dieses neue PDF mit der Methode SaveAs speichern.

Entdecken Sie, wie man JavaScript-HTML in PDF umwandelt

Auf GitHub ansehen

Code

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

ZIP herunterladen

Verwandtes Tutorial
Verwandte Anleitung
Klassendokumentation
Sprachpakete herunterladen
IronPDF DLL herunterladen

Bereit anzufangen?

Nuget Downloads 17,803,474 | Version: 2026.3 gerade veröffentlicht

Lizenzen anzeigen

Scrollst du immer noch?

Sie brauchen schnell einen Beweis? PM > Install-Package IronPdf
Führen Sie eine Probe aus Sehen Sie zu, wie Ihr HTML-Code in eine PDF-Datei umgewandelt wird.