HTML에서 PDF로 변환하는 JavaScript

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

HTML에서 PDF로 변환하는 JavaScript

IronPDF 사용하면 HTML 콘텐츠에서 PDF 파일을 생성할 수 있지만, 순수 HTML 콘텐츠만 PDF로 변환할 수 있는 것은 아닙니다. 또한 사용자 지정 CSS 및 JavaScript 사용하여 HTML을 변환할 수도 있습니다. 예를 들어 HTML 콘텐츠 내에서 JavaScript 사용하면 이미지와 같은 자산을 외부 자산으로 로드하는 대신 HTML 문자열에 직접 포함할 수 있습니다. 이것을 달성하는 데 필요한 것은 ChromePdfRenderer 클래스와 그 RenderingOptions 속성입니다.

C#에서 JavaScript 사용하여 HTML을 PDF로 렌더링하는 5단계

const string htmlWithJavaScript = "....";

var renderer = new ChromePdfRenderer();

renderer.RenderingOptions.EnableJavaScript = true;

renderer.RenderingOptions.WaitForJavaScript();

var pdfJavaScript = renderer.RenderHtmlAsPdf(htmlWithJavaScript);

문자열 변수 내에서 JavaScript 코드를 포함할 JavaScript <script> 태그를 포함하는 HTML 문자열을 생성했습니다. 이 코드는 PDF 생성을 위해 사용됩니다. 스크립트 태그를 사용함으로써 문자열의 어느 부분이 JavaScript인지 표시하였으며, 이는 이후 RenderingOptions 속성을 사용하여 활성화됩니다. 이를 통해 이미지를 삽입하고, 렌더링된 PDF에서 상호 작용성을 유지하는 등 다양한 작업을 수행할 수 있습니다.

new ChromePdfRenderer();을(를) 사용하여 HTML 콘텐츠를 PDF로 렌더링하는 것을 제어하는 ChromePdfRenderer 클래스의 새 인스턴스를 만듭니다. 이 클래스를 사용하면 렌더링된 PDF 파일이 픽셀 단위로 완벽하게 출력될 뿐만 아니라 사용자 지정 JavaScript 또는 CSS 콘텐츠도 최종 결과물에 그대로 유지된다는 것을 확신할 수 있습니다.

그다음 ChromePdfRenderer 클래스 내에서 RenderingOptions 속성을 사용하여 새 PDF가 렌더링되기 전에 JavaScript가 실행되도록 합니다. RenderingOptions.WaitForJavaScript() 메서드는 JavaScript가 실행을 완료할 때까지 프로그램이 대기하도록 보장하여 렌더링 프로세스를 계속합니다. JavaScript 코드가 window.ironpdf.notifyRender() 메서드를 실행할 때 렌더링이 시작됩니다. RenderingOptions 속성은 우리가 생성한 ChromePdfRenderer 인스턴스에 할당되어, 이 렌더러로 생성되는 모든 PDF에 옵션이 사용되도록 합니다.

renderer.RenderHtmlAsPdf(...) 메서드는 PDF 문서의 실제 렌더링을 처리합니다. 이 메서드에 JavaScript 포함된 HTML 문자열을 전달하면 모든 HTML 및 JavaScript 항목을 포함하는 고품질 PDF로 렌더링할 수 있습니다. 이는 새로 렌더링된 PDF를 저장할 pdfJavaScript이라고 불리는 새 PdfDocument 객체에 저장됩니다. 마지막으로, 이 새로운 PDF를 SaveAs 메서드를 사용하여 저장할 수 있습니다.

JavaScript HTML을 PDF로 렌더링하는 방법을 알아보세요

GitHub에서 보기