JavaScript em HTML para 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 em HTML para PDF

O IronPDF permite que os usuários criem arquivos PDF a partir de conteúdo HTML, mas não é apenas conteúdo HTML puro que pode ser convertido em PDF; Ele também pode converter HTML com CSS e JavaScript personalizados. O uso de JavaScript no conteúdo HTML, por exemplo, permite que elementos como imagens sejam incorporados diretamente em uma string HTML, em vez de carregá-los como recursos externos. Para conseguir isso, você precisa da classe ChromePdfRenderer e de sua propriedade RenderingOptions.

## 5 passos para renderizar HTML com JavaScript em PDF usando C#

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

Dentro da variável de string, criamos uma string HTML que inclui a tag JavaScript <script>, que conterá o código JavaScript que será usado para criar nosso PDF. O uso da tag script significa que indicamos qual seção da string é JavaScript, que será posteriormente habilitada usando a propriedade RenderingOptions. Com isso, você pode incorporar imagens, manter a interatividade no PDF renderizado e muito mais.

Com new ChromePdfRenderer();, instanciamos uma nova instância da classe ChromePdfRenderer, que controla a renderização do conteúdo HTML em PDF. Com esta classe, você pode ter certeza de que seus arquivos PDF renderizados ficarão perfeitos em cada pixel, e qualquer conteúdo personalizado em JavaScript ou CSS será mantido no resultado final.

Em seguida, utilize a propriedade RenderingOptions dentro da classe ChromePdfRenderer para permitir que o JavaScript seja executado antes da renderização do novo PDF. O método RenderingOptions.WaitForJavaScript() garante que o programa espere o JavaScript terminar de executar antes de continuar com o processo de renderização. A renderização começará assim que o código JavaScript executar o método window.ironpdf.notifyRender(). A propriedade RenderingOptions é atribuída à instância ChromePdfRenderer que criamos, para que as opções sejam usadas em qualquer PDF criado com este renderizador.

O método renderer.RenderHtmlAsPdf(...) lida com a renderização propriamente dita do documento PDF. Ao passar a string HTML com o JavaScript para este método, podemos renderizá-la como um PDF de alta qualidade contendo todos os itens de HTML e JavaScript . Isso é salvo em um novo objeto PdfDocument que armazenará o PDF recém-renderizado, que neste caso é chamado de pdfJavaScript. Finalmente, podemos salvar este novo PDF usando o método SaveAs.

Descubra como renderizar HTML em JavaScript para PDF.

Ver no GitHub

Código

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

Baixar ZIP