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");

IRON VB CONVERTER ERROR developers@ironsoftware.com

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 ChromePdfRenderer-Klasse und ihre RenderingOptions-Eigenschaft.

class="examples__featured-snippet">

5 Schritte zum Rendern von HTML mit JavaScript zu 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-<script>-Tag enthält, welches den JavaScript-Code umfassen wird, der zum Erstellen unseres PDFs verwendet wird. Mit dem Script-Tag haben wir angegeben, welcher Abschnitt der Zeichenfolge JavaScript ist, der später durch die 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 das Rendern von HTML-Inhalten zu 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.

Als Nächstes benutzen 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 ist, bevor es mit dem Renderprozess fortfährt. Das Rendering beginnt, sobald der JavaScript-Code die window.ironpdf.notifyRender()-Methode ausführt. Die RenderingOptions-Eigenschaft ist der von uns erstellten ChromePdfRenderer-Instanz zugewiesen, sodass die Optionen für jedes mit diesem Renderer erstellte PDF verwendet werden.

Die renderer.RenderHtmlAsPdf(...)-Methode handhabt 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 speichern wird, welches in diesem Fall pdfJavaScript genannt wird. Schließlich können wir dieses neue PDF mit der SaveAs-Methode speichern.

Erfahren Sie, wie Sie JavaScript-HTML zu PDF rendern

Auf GitHub ansehen

Code

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

ZIP herunterladen