JavaScript w HTML do 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 w HTML do PDF

IronPDF pozwala użytkownikom tworzyć pliki PDF z treści HTML, ale nie tylko czysta treść HTML może być przekształcona do PDF; może również przekształcić HTML z niestandardowym CSS i JavaScript. Użycie JavaScript w obrębie treści HTML, na przykład, pozwala na osadzanie zasobów takich jak obrazy bezpośrednio w ciągu HTML, zamiast ładować je jako zewnętrzne zasoby. Wszystko, czego potrzebujesz do osiągnięcia tego, to klasa ChromePdfRenderer i właściwość RenderingOptions.

5 kroków do renderowania HTML z JavaScript do PDF w C#

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

W obrębie zmiennej typu string, utworzyliśmy ciąg HTML, który zawiera znacznik JavaScript <script>, który będzie zawierał kod JavaScript do utworzenia naszego PDF. Używając znacznika skryptu, wskazaliśmy, która część ciągu to JavaScript, co później zostanie włączone za pomocą właściwości RenderingOptions. Dzięki temu można osadzać obrazy, zachować interaktywność w renderowanym PDF i więcej.

Za pomocą new ChromePdfRenderer();, inicjalizujemy nową instancję klasy ChromePdfRenderer, która kontroluje renderowanie treści HTML do PDF. Dzięki tej klasie gwarantuje się, że renderowane pliki PDF będą perfekcyjnie odwzorowane, wraz z zachowaniem dowolnej niestandardowej zawartości JavaScript lub CSS w końcowym wyniku.

Następnie użyj właściwości RenderingOptions w klasie ChromePdfRenderer, aby umożliwić wykonanie JavaScript przed renderowaniem nowego PDF. Metoda RenderingOptions.WaitForJavaScript() zapewnia, że program czeka na zakończenie wykonywania JavaScript przed kontynuacją procesu renderowania. Renderowanie rozpocznie się, gdy kod JavaScript wykona metodę window.ironpdf.notifyRender(). Właściwość RenderingOptions jest przypisana do instancji ChromePdfRenderer, którą utworzyliśmy, aby opcje te były używane dla każdego PDF utworzonego przy pomocy tego renderera.

Metoda renderer.RenderHtmlAsPdf(...) obsługuje rzeczywiste renderowanie dokumentu PDF. Przekazując ciąg HTML z JavaScript do tej metody, możemy renderować go jako wysokiej jakości PDF zawierający wszystkie elementy HTML i JavaScript. To jest zapisywane do nowego obiektu PdfDocument, który będzie przechowywał nowo renderowany PDF, który w tym przypadku nazywa się pdfJavaScript. Na koniec możemy zapisać ten nowy PDF za pomocą metody SaveAs.

Odkryj, jak renderować HTML z JavaScript do PDF

Zobacz na GitHubie

Kod

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

Pobierz plik ZIP