Ejecutar JavaScript personalizado

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

Ejecutar JavaScript personalizado

Con IronPDF, puedes ejecutar JavaScript personalizado para personalizar mejor tus PDFs generados a partir de contenido HTML. Con la propiedad ChromePdfRenderOptions.Javascript, puedes asegurarte de que el JavaScript se ejecute después de que el contenido HTML se haya cargado, pero antes de que se genere tu PDF, permitiendo una representación de contenido dinámica y la interactividad. La clase ChromePdfRenderer de IronPDF garantiza que crees documentos PDF de alta calidad adaptados a tus necesidades sin perder calidad ni interactividad original.

Pasos para ejecutar JavaScript personalizado en tus documentos PDF

var renderOptions = new ChromePdfRenderOptions();
renderOptions.Javascript = "document.querySelectorAll('h1').forEach(function(el){el.style.color='red';})";
var renderer = new ChromePdfRenderer { RenderingOptions = renderOptions };
var pdf = renderer.RenderHtmlAsPdf("Feliz Año Nuevo ");
pdf.Password = "mi-contraseña";

Antes de poder comenzar a renderizar nuestro HTML y JavaScript personalizados en PDFs, primero debemos crear una nueva instancia de ChromePdfRenderer. La clase ChromePdfRenderer gestiona la renderización de contenido HTML, CSS y JavaScript en formato PDF, manteniendo una calidad pixel-perfect. Luego, utilizando la propiedad Javascript de la clase ChromePdfRenderer, podemos crear un código JavaScript personalizado que se ejecutará tan pronto como se haya cargado el contenido HTML, esto asegurará que los cambios dictados por nuestra cadena JavaScript se reflejen en el documento PDF final. En este caso, estamos seleccionando cualquier etiqueta h1 dentro del contenido HTML y cambiando su color de texto a rojo.

Luego nos encargamos de asignar nuestro objeto renderOptions a la propiedad RenderingOptions de ChromePdfRenderer, que controla las opciones de renderizado para esa instancia específica de ChromePdfRenderer. Esto significa que cuando usamos nuestra instancia de la clase ChromePdfRenderer, ejecutaremos nuestro JavaScript antes de que se genere el PDF, asegurando que los cambios se reflejen en el PDF resultante. Luego, renderizamos nuestro contenido HTML utilizando RenderHtmlAsPdf y usamos la clase PdfDocument para crear un nuevo documento PDF a partir del contenido renderizado que se almacena en la variable pdf.

Finalmente, guardamos el PDF renderizado utilizando la línea final, SaveAs, que exportará el PDF a la ruta de archivo especificada. Haga clic aquí para ver la Guía de Cómo Hacerlo, incluidos ejemplos, código de muestra y archivos.

Ver en GitHub

Código

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

Descargar ZIP