JavaScript in HTML zu 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 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 benötigen, um dies zu erreichen, 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 Zeichenfolgevariable haben wir einen HTML-String erstellt, der das JavaScript <script> Tag enthält, das den JavaScript-Code enthalten wird, der verwendet wird, um unser PDF zu erstellen. Die Verwendung des script-Tags bedeutet, dass wir angegeben haben, welcher Abschnitt der Zeichenfolge JavaScript ist, das später mit der RenderingOptions Eigenschaft 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 ChromePdfRenderer Klasse, die die Konvertierung von HTML-Inhalten in PDFs 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.

Als Nächstes nutzen Sie die RenderingOptions Eigenschaft innerhalb der ChromePdfRenderer Klasse, um das JavaScript auszuführen, bevor das neue PDF gerendert wird. Die RenderingOptions.WaitForJavaScript() Methode stellt sicher, dass das Programm wartet, bis das JavaScript fertig ausgeführt wurde, bevor es mit dem Rendering-Prozess fortfährt. Das Rendering beginnt, sobald der JavaScript-Code die window.ironpdf.notifyRender() Methode ausführt. Die RenderingOptions Eigenschaft wird der von uns erstellten ChromePdfRenderer Instanz zugewiesen, sodass die Optionen für jedes mit diesem Renderer erstellte PDF verwendet werden.

Die renderer.RenderHtmlAsPdf(...) Methode übernimmt das eigentliche Rendering 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 genannt wird. Schließlich können wir dieses neue PDF mit der SaveAs Methode speichern.

Entdecken Sie, wie man JavaScript-HTML in PDF umwandelt

Auf GitHub ansehen