HTML'de JavaScript'ten PDF'ye

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

HTML'de JavaScript'ten PDF'ye

IronPDF, kullanıcıların HTML içeriğinden PDF dosyaları oluşturmasına olanak tanır, ancak sadece saf HTML içeriği PDF'ye dönüştürülemez; aynı zamanda özelleştirilmiş CSS ve JavaScript içeren HTML'yi de dönüştürebilir. Örneğin, HTML içeriği içinde JavaScript kullanarak, resimler gibi varlıklar bir HTML dizgesi içinde doğrudan gömülebilir ve böylece harici varlık olarak yüklenmeleri gerekmez. Bunu başarmak için ihtiyacınız olan tek şey ChromePdfRenderer sınıfı ve RenderingOptions özelliğidir.

C#'ta JavaScript ile HTML'yi PDF'ye Render Etmenin 5 Adımı

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

Dize değişkeni içinde, PDF/A'mizi oluşturmak için kullanılacak JavaScript kodunu içerecek olan JavaScript <script> etiketini içeren bir HTML dizesi oluşturduk. script etiketini kullanmak, dizgenin hangi bölümünün JavaScript olduğunu belirttiğimiz anlamına gelir; bu bölüm daha sonra RenderingOptions özelliği kullanılarak etkinleştirilecektir. Bununla, resimleri gömebilir, oluşturulmuş PDF'de interaktiviteyi koruyabilir ve daha fazlasını yapabilirsiniz.

new ChromePdfRenderer(); ile, HTML içeriğinin PDF'ye dönüştürülmesini kontrol eden ChromePdfRenderer sınıfının yeni bir örneğini oluşturuyoruz. Bu sınıf ile, render edilen PDF dosyalarınızın, nihai sonuçta korunan herhangi bir özel JavaScript veya CSS içeriği ile birlikte piksel mükemmelliğinde olacağından emin olabilirsiniz.

Ardından, ChromePdfRenderer sınıfındaki RenderingOptions özelliğini kullanarak yeni PDF oluşturulmadan önce JavaScript'in çalıştırılmasını sağlayın. RenderingOptions.WaitForJavaScript() yöntemi, programın JavaScript'in yürütülmesini tamamlamasını bekledikten sonra görüntüleme işlemine devam etmesini sağlar. JavaScript kodu window.ironpdf.notifyRender() yöntemini çalıştırdığında görüntüleme başlayacaktır. RenderingOptions özelliği, oluşturduğumuz ChromePdfRenderer örneğine atanır, böylece seçenekler bu renderer ile oluşturulan tüm PDF'lerde kullanılır.

renderer.RenderHtmlAsPdf(...) yöntemi, PDF belgesinin gerçek işlenmesini gerçekleştirir. Bu metoda JavaScript içeren HTML dizgesini geçirerek, tüm HTML ve JavaScript öğelerini içeren yüksek kaliteli bir PDF olarak render edebiliriz. Bu, yeni oluşturulan PDF'yi depolayacak yeni bir PdfDocument nesnesine kaydedilir; bu durumda bu nesneye pdfJavaScript adı verilir. Son olarak, bu yeni PDF'yi SaveAs yöntemini kullanarak kaydedebiliriz.

JavaScript HTML'yi PDF'ye Render Etmeyi Keşfedin

GitHub'da Görüntüle

Kod

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

ZIP dosyasını indirin