PDF'ye HTML'de JavaScript

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

PDF'ye HTML'de JavaScript

IronPDF, HTML içeriğinden PDF dosyaları oluşturmanıza olanak tanır, ancak sadece saf HTML içeriği PDF'ye dönüştürülemez; ayrıca özel CSS ve JavaScript içeren HTML'yi de dönüştürebilir. Örneğin, HTML içeriğinde JavaScript kullanarak, görüntüler gibi varlıkları harici varlıklar olarak yüklemek yerine direkt olarak bir HTML dizesine yerleştirebilir. Bunu başarmak için ihtiyaçınız olan tek şey ChromePdfRenderer sınıfı ve onun RenderingOptions özelliğidir.

C#'de JavaScript ile HTML'yi PDF'ye Dönüştürmenin 5 Adımı

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

String değişkeni içinde, JavaScript <script> etiketi içeren bir HTML dizisi oluşturduk, bu etiket PDF'mizi oluşturmak için kullanılacak JavaScript kodunu içerecek. Script etiketi kullanmak, stringin hangi bölümünün JavaScript olduğunu belirttiğimiz ve daha sonra RenderingOptions özelliği kullanılarak etkinleştirileceği anlamına gelir. Bu sayede, görüntüleri yerleştirebilir, oluşturulan PDF'de etkileşimi sürdürebilir ve daha fazlasını yapabilirsiniz.

new ChromePdfRenderer(); ile, HTML içeriğinin PDF olarak işlenmesini kontrol eden yeni bir ChromePdfRenderer sınıfı örneği oluşturuyoruz. Bu sınıf sayesinde oluşturduğunuz PDF dosyalarının piksellik olarak mükemmel olacağına ve son çıktıda özel JavaScript veya CSS içeriğinin korunacağına emin olabilirsiniz.

Daha sonra, yeni PDF işlenmeden önce JavaScript'in çalıştırılmasını sağlamak için RenderingOptions özelliğini ChromePdfRenderer sınıfı içinde kullanın. RenderingOptions.WaitForJavaScript() yöntemi, programın JavaScript'in çalışmasını bitirmesini beklediğinden emin olur, ardından işleme sürecine devam eder. JavaScript kodu window.ironpdf.notifyRender() yöntemini çalıştırdığında işleme başlayacaktır. RenderingOptions özelliği, oluşturduğumuz ChromePdfRenderer örneğine atanır, böylece bu oluşturucu ile oluşturulan herhangi bir PDF için seçenekler kullanılacaktır.

renderer.RenderHtmlAsPdf(...) yöntemi, PDF belgesinin gerçek işlenmesini sağlar. JavaScript ile HTML dizesini bu yönteme ileterek, HTML ve JavaScript öğelerinin tamamını içeren yüksek kaliteli bir PDF olarak render edebiliriz. Bu, yeni oluşturulan PDF'yi saklayacak ve bu durumda pdfJavaScript olarak adlandırılan, yeni bir PdfDocument nesnesine kaydedilir. Son olarak, bu yeni PDF'yi SaveAs yöntemi kullanarak kaydedebiliriz.

JavaScript HTML'yi PDF'ye Dönüştürmeyi Keşfedin

GitHub'da Görüntü

Kod

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

ZIP İndirin