JavaScript en HTML a PDF

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

JavaScript en HTML a PDF

IronPDF permite a los usuarios crear archivos PDF a partir de contenido HTML, pero no solo es contenido HTML puro el que puede convertirse a PDF; también puede convertir HTML con CSS personalizado y JavaScript. Usar JavaScript dentro del contenido HTML, por ejemplo, permite que los recursos como imágenes se incrusten directamente dentro de una cadena HTML en lugar de cargarlos como recursos externos. Todo lo que necesitas para lograr esto es la clase ChromePdfRenderer y su propiedad RenderingOptions.

5 pasos para convertir HTML con JavaScript a PDF en C#

const string htmlWithJavaScript = "....";

var renderer = new ChromePdfRenderer();

renderer.RenderingOptions.EnableJavaScript = true;

renderer.RenderingOptions.WaitForJavaScript();

var pdfJavaScript = renderer.RenderHtmlAsPdf(htmlWithJavaScript);

Dentro de la variable de cadena, hemos creado una cadena HTML que incluye la etiqueta JavaScript <script>, que contendrá el código JavaScript que se utilizará para crear nuestro PDF. Usar la etiqueta de script significa que hemos indicado qué sección de la cadena es JavaScript, la cual más tarde será habilitada usando la propiedad RenderingOptions. Con esto, puedes incrustar imágenes, mantener la interactividad en el PDF renderizado, y más.

Con new ChromePdfRenderer();, instanciamos una nueva instancia de la clase ChromePdfRenderer, la cual controla la renderización del contenido HTML a PDF. Con esta clase, puedes estar seguro de que tus archivos PDF renderizados saldrán perfectos píxel a píxel, junto con cualquier contenido JavaScript o CSS personalizado mantenido en el resultado final.

A continuación, utiliza la propiedad RenderingOptions dentro de la clase ChromePdfRenderer para habilitar que el JavaScript se ejecute antes de renderizar el nuevo PDF. El método RenderingOptions.WaitForJavaScript() asegura que el programa espere a que el JavaScript termine de ejecutarse antes de continuar con el proceso de renderización. La renderización comenzará una vez que el código JavaScript ejecute el método window.ironpdf.notifyRender(). La propiedad RenderingOptions se asigna a la instancia ChromePdfRenderer que creamos, de modo que las opciones se utilizarán para cualquier PDF creado con este renderizador.

El método renderer.RenderHtmlAsPdf(...) maneja la renderización real del documento PDF. Al pasar la cadena HTML con el JavaScript a este método, podemos renderizarlo como un PDF de alta calidad que contiene todos los elementos HTML y JavaScript. Esto se guarda en un nuevo objeto PdfDocument que almacenará el PDF recién renderizado, que en este caso se llama pdfJavaScript. Finalmente, podemos guardar este nuevo PDF usando el método SaveAs.

Explorar Cómo convertir JavaScript HTML a PDF

Ver en GitHub