Angular.JS zu PDF

import {PdfDocument, WaitForType} from "@ironsoftware/ironpdf";

(async () => {
    // Configure render options
    const options = {
        enableJavaScript: true,
        // Wait for Javascript
        waitFor: {
            type: WaitForType.JavaScript,
            maxWaitTime: 500,
        },
    };
    
    const pdf = await PdfDocument.fromUrl("https://angular.io/", { renderOptions: options });

    // Export the PDF document
await pdf.saveAs("angular.pdf");
})();

Angular.JS zu PDF

Verwenden Sie die Methode fromUrl, um mit IronPDF ein PDF-Dokument aus einer URL zu rendern. Das Rendering erfolgt in einer Instanz, was manchmal zu Problemen beim Laden von JavaScript oder Schriftarten führen kann. Um sicherzustellen, dass JavaScript und Schriftarten korrekt geladen werden, ist es ratsam, die Klasse waitFor zu verwenden und eine geeignete Warteart sowie eine maximale Wartezeit anzugeben.

Die Folgen von unsachgemäß geladenem JavaScript oder Schriftarten können sein:

Unsichtbarer Textinhalt
Falsch dargestellter Inhalt

Hier ist ein Beispiel-Codeausschnitt, der zeigt, wie man ein PDF mit IronPDF und den richtigen Wartemechanismen rendert:

Erläuterung des Codes

Import IronPdf Namespace: Der Code beginnt mit dem Import der IronPdf und System Namespaces. IronPdf wird für das PDF-Rendering benötigt, und System bietet grundlegende Funktionen wie die Verwendung der TimeSpan-Klasse.
Main-Methode: Die Main-Methode ist der Einstiegspunkt des Programms.
URL-Spezifikation: Die Variable url enthält die URL der Webseite, die Sie in ein PDF-Dokument konvertieren möchten.
Initialize Renderer: Mit new HtmlToPdf() wird eine Instanz des HtmlToPdf-Renderers erstellt. Diese Instanz wird zur Durchführung der Konvertierung verwendet.
Render URL to PDF: Die Methode Render URLAsPdf wird auf der Renderer-Instanz aufgerufen, um den HTML-Inhalt der URL in ein PDF-Dokument zu konvertieren.
Vollständiges Laden der Seite sicherstellen: Um das asynchrone Laden von Ressourcen wie JavaScript und Schriftarten zu ermöglichen, wird WaitForNetworkIdle verwendet. Diese Methode wartet, bis die Netzwerkaktivität nachlässt, wobei eine maximale Wartezeit von 10 Sekunden mit TimeSpan.FromSeconds(10) angegeben wird. Dies ist besonders wichtig für Seiten, die stark auf dynamische Inhalte oder Schriftarten angewiesen sind.
PDF speichern: Die resultierende PDF-Datei wird dann mit der Methode SaveAs in einer Datei namens "output.pdf" gespeichert.
Statusmeldung: Nach dem erfolgreichen Speichern der PDF-Datei wird eine Bestätigungsmeldung auf der Konsole ausgegeben.

Auf diese Weise wird sichergestellt, dass die gerenderte PDF-Datei vollständig und korrekt ist und alle JavaScript- und Schriftarten richtig geladen sind.

Explore Angular to PDF Conversion Code Example