JavaScript in HTML zu 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 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 dazu benötigen, ist die ChromePdfRenderer-Klasse und ihre RenderingOptions-Eigenschaft.

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 das JavaScript-Tag <script> enthält, welches den JavaScript-Code enthält, der zur Erstellung unserer PDF-Datei verwendet wird. Durch die Verwendung des script-Tags haben wir angegeben, welcher Teil der Zeichenfolge JavaScript ist, das später mithilfe 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 die Darstellung von HTML-Inhalten als 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.

Verwenden Sie anschließend die Eigenschaft RenderingOptions innerhalb der Klasse ChromePdfRenderer, um die Ausführung des JavaScript-Codes vor dem Rendern der neuen PDF-Datei zu ermöglichen. Die RenderingOptions.WaitForJavaScript()-Methode stellt sicher, dass das Programm wartet, bis die Ausführung des JavaScripts abgeschlossen ist, bevor es mit dem Rendering-Prozess fortfährt. Die Darstellung 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 PDF-Dateien verwendet werden.

Die Methode renderer.RenderHtmlAsPdf(...) übernimmt die eigentliche Darstellung 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 die neu gerenderte PDF-Datei enthält, die in diesem Fall pdfJavaScript heißt. Schließlich können wir diese neue PDF-Datei 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 19,014,616 | Version: 2026.5 just released

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.