執行自訂 JavaScript

VB C#

using IronPdf;

var renderOptions = new ChromePdfRenderOptions();

// Example that change all to red style in JavaScript:
renderOptions.Javascript = "document.querySelectorAll('h1').forEach(function(el){el.style.color='red';})";

// Make sure to use the render options object that you created:
var renderer = new ChromePdfRenderer { RenderingOptions = renderOptions };
var pdf = renderer.RenderHtmlAsPdf("<h1>Happy New Year!</h1>");
pdf.SaveAs("executed_js.pdf");

Imports IronPdf

Private renderOptions = New ChromePdfRenderOptions()

' Example that change all to red style in JavaScript:
renderOptions.Javascript = "document.querySelectorAll('h1').forEach(function(el){el.style.color='red';})"

' Make sure to use the render options object that you created:
Dim renderer = New ChromePdfRenderer With {.RenderingOptions = renderOptions}
Dim pdf = renderer.RenderHtmlAsPdf("<h1>Happy New Year!</h1>")
pdf.SaveAs("executed_js.pdf")

Install-Package IronPdf

執行自訂 JavaScript

使用 IronPDF，您可以執行自訂 JavaScript，以更好地自訂從 HTML 內容呈現的 PDF。使用 ChromePdfRenderOptions.Javascript 屬性，您可以確保在 HTML 內容載入後但在您的 PDF 呈現之前執行 JavaScript，從而允許動態內容呈現和互動性。 IronPDF 的 ChromePdfRenderer 類確保您創建符合您需求的高品質 PDF 文檔，而不會丟失任何原始品質或互動性。

class="examples__featured-snippet">

為您的 PDF 文檔執行自訂 JavaScript 的步驟

 class="csharp">var renderOptions = new ChromePdfRenderOptions(); // 初始化 ChromePdfRenderOptions 以設置自訂渲染選項。

 class="csharp">renderOptions.Javascript = "document.querySelectorAll('h1').forEach(function(el){el.style.color='red';});"; // 設定 JavaScript 將所有 h1 元素的顏色更改為紅色。

 class="csharp">var renderer = new ChromePdfRenderer { RenderingOptions = renderOptions }; // 創建新的 ChromePdfRenderer 並將我們的 renderOptions 指派給它。

 class="csharp">var pdf = renderer.RenderHtmlAsPdf("恭賀新年
"); // 將 HTML 渲染為 PDF 並將結果存儲在變量 pdf 中。

 class="csharp">pdf.Password = "my-password"; // 設置 PDF 文檔的密碼以增加安全性。

在我們開始將自訂 HTML 和 JavaScript 呈現為 PDF 之前，我們必須先創建一個新的 ChromePdfRenderer 實例。 ChromePdfRenderer 類處理將 HTML、CSS 和 JavaScript 內容渲染為 PDF 格式，同時保持像素完美的品質。然後，使用 ChromePdfRenderOptions 類的 Javascript 屬性，我們可以創建自訂 JavaScript 代碼，該代碼會在 HTML 內容載入後立即執行，確保我們的 JavaScript 字串指示的更改會反映在最終的 PDF 文檔中。在此情況下，我們選擇 HTML 內容中的所有 h1 標籤並將其文字顏色更改為紅色。

接下來，我們處理將 renderOptions 對象分配給 ChromePdfRenderer 的 RenderingOptions 屬性，該屬性控制該特定 ChromePdfRenderer 實例的渲染選項。這意味著當我們使用 ChromePdfRenderer 類的實例時，我們將在 PDF 渲染之前運行我們的 JavaScript，以確保更改在生成的 PDF 中實現。接著，我們使用 RenderHtmlAsPdf 渲染我們的 HTML 內容，並使用 PdfDocument 類從渲染的內容創建一個新的 PDF 文檔，這些內容將存儲在變量 pdf 中。

最後，我們使用最後一行 SaveAs 保存渲染的 PDF，這將導出 PDF 到指定的文件路徑。

探索使用 IronPDF 將 JavaScript 轉換為 PDF

在 GitHub 上查看

程式碼

https://github.com/iron-software/IronPdf.Examples/tree/main/examples/execute-custom-javascript

下載 ZIP 文件