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, to klasa ChromePdfRenderer i jej 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 zmiennej typu string utworzyliśmy ciąg HTML zawierający tag JavaScript <script>, który będzie zawierał kod JavaScript używany do tworzenia naszego pliku PDF. Użycie tagu script oznacza, że wskazaliśmy, która część ciągu znaków jest kodem JavaScript, który zostanie później włączony 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(); tworzymy nową instancję klasy ChromePdfRenderer, która kontroluje renderowanie treści HTML do formatu PDF. Dzięki tej klasie możesz być pewny, że Twoje renderowane pliki PDF będą perfekcyjnie odwzorowane, wraz z zachowaniem dowolnej niestandardowej zawartości JavaScript lub CSS w końcowym wyniku.

Następnie należy skorzystać z właściwości RenderingOptions w klasie ChromePdfRenderer, aby umożliwić wykonanie kodu JavaScript przed wyrenderowaniem nowego pliku PDF. Metoda RenderingOptions.WaitForJavaScript() zapewnia, że program czeka na zakończenie wykonywania kodu JavaScript przed kontynuowaniem procesu renderowania. Renderowanie rozpocznie się po wykonaniu przez kod JavaScript metody window.ironpdf.notifyRender(). Właściwość RenderingOptions jest przypisana do utworzonej przez nas instancji ChromePdfRenderer, dzięki czemu opcje te będą stosowane w przypadku każdego pliku PDF utworzonego za pomocą tego renderera.

Metoda renderer.RenderHtmlAsPdf(...) obsługuje faktyczne 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. Jest to zapisywane w nowym obiekcie PdfDocument, który będzie przechowywał nowo wyrenderowany plik PDF, który w tym przypadku nazywa się pdfJavaScript. Na koniec możemy zapisać ten nowy plik PDF, korzystając z 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