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代码。使用script标签意味着我们已经指明了字符串的哪个部分是JavaScript，这将在之后通过RenderingOptions属性启用。通过这样，您可以嵌入图像、在渲染的 PDF 中保持交互性等。

通过ChromePdfRenderer类的实例，该类负责将HTML内容渲染为PDF。使用该类，您可以确信渲染的 PDF 文件将是像素完美的，并且最终结果中保留了任何自定义 JavaScript 或 CSS 内容。

接下来，在RenderingOptions属性，以便在新PDF渲染之前启用JavaScript执行。 RenderingOptions.WaitForJavaScript()方法确保程序等待JavaScript执行完成后再继续渲染过程。渲染将在JavaScript代码执行window.ironpdf.notifyRender()方法后开始。 ChromePdfRenderer实例，以便选项将用于这个渲染器创建的任何PDF。

renderer.RenderHtmlAsPdf(...)方法处理PDF文档的实际渲染。通过将带有 JavaScript 的 HTML 字符串传递给此方法，我们可以将其渲染为包含所有 HTML 和 JavaScript 项目的高质量 PDF。这是保存到一个新的pdfJavaScript。最后，我们可以使用SaveAs方法保存这个新PDF。

探索如何将 JavaScript HTML 渲染成 PDF

在 GitHub 上查看