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. Tudo que você precisa para conseguir isso é a classe ChromePdfRenderer e 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 string, criamos uma string HTML que inclui a tag JavaScript <script>, que conterá o código JavaScript que será usado para criar nosso PDF. Usar a tag de script significa que indicamos qual seção da string é JavaScript, que posteriormente será ativada 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 de 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, faça uso da propriedade RenderingOptions dentro da classe ChromePdfRenderer para ativar a execução do JavaScript antes que o novo PDF seja renderizado. O método RenderingOptions.WaitForJavaScript() garante que o programa aguarde que o JavaScript termine de executar antes de continuar com o processo de renderização. A renderização começará uma vez que o código JavaScript execute o método window.ironpdf.notifyRender(). A propriedade RenderingOptions é atribuída à instância ChromePdfRenderer que criamos, de modo que as opções serão usadas para qualquer PDF criado com este renderizador.

O método renderer.RenderHtmlAsPdf(...) lida com a renderização real 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 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