HTML 轉 PDF 中的 JavaScript

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

HTML 轉 PDF 中的 JavaScript

IronPDF允許使用者從HTML內容建立PDF文件，但不僅僅是純HTML內容可以轉換為PDF；它還可以轉換帶有自定義CSS和JavaScript的HTML。例如，使用HTML內容中的JavaScript允許如圖像這樣的資產直接內嵌到HTML字串中，而不是作為外部資產載入。您只需要RenderingOptions屬性即可實現。

使用C#將HTML與JavaScript轉換為PDF的5個步驟

const string htmlWithJavaScript = "....";

var renderer = new ChromePdfRenderer();

renderer.RenderingOptions.EnableJavaScript = true;

renderer.RenderingOptions.WaitForJavaScript();

var pdfJavaScript = renderer.RenderHtmlAsPdf(htmlWithJavaScript);

在字串變數中，我們建立了一個包含JavaScript <script> 標籤的HTML字串，這將包含用於建立PDF的JavaScript程式碼。使用腳本標籤意味著我們已經指出字串的哪個部分是JavaScript，稍後將使用RenderingOptions屬性啟用。通過這種方式，您可以內嵌圖像，保持渲染PDF的互動性，等等。

使用ChromePdfRenderer類的新實例，該類控制將HTML內容渲染到PDF。使用這個類，您可以確信您的渲染PDF文件將達到像素完美，並保持最終結果中的任何自定義JavaScript或CSS內容。

接下來，利用ChromePdfRenderer類中啟用JavaScript，這樣在渲染新的PDF之前它能被執行。 RenderingOptions.WaitForJavaScript()方法確保程式在繼續渲染過程之前等待JavaScript完成執行。在JavaScript程式碼執行window.ironpdf.notifyRender()方法之後將開始渲染。 ChromePdfRenderer實例，以便選項將被用於任何用此渲染器建立的PDF。

renderer.RenderHtmlAsPdf(...)方法處理PDF文件的實際渲染。通過將帶有JavaScript的HTML字串傳遞給該方法，我們可以將其渲染為包含所有HTML和JavaScript項目的高質量PDF。這被保存到新的pdfJavaScript。最後，我們可以使用SaveAs方法保存這個新的PDF。

探索如何將JavaScript HTML渲染為PDF

在 GitHub 上查看