메시지 아이콘
푸터 콘텐츠로 바로가기
  1. IronPDF
  2. IronPDF 블로그
  3. .NET 도움말
  4. HTML 예쁘게하기
.NET 도움말

HTML Prettifier (개발자를 위한 작동 원리)

제이콥 멜러, 팀 아이언 최고기술책임자
제이콥 멜러
업데이트됨:

.NET에서 HTML을 PDF로 변환할 때, 깨끗하고 잘 구조화된 HTML은 최종 PDF 품질에 큰 차이를 만들 수 있습니다. 원시 HTML을 적절히 포맷팅하면 가독성, 올바른 렌더링 및 일관성을 보장합니다. 이때 HTML 포매터 또는 HTML 프리티파이어가 필요합니다.

이 글에서는 HTML 프리티파이어를 .NET에서 사용하는 방법을 IronPDF를 사용하여 HTML을 PDF로 변환하기 전에 탐구할 것입니다. 프리티피케이션의 이점을 논의하고, 도움을 줄 수 있는 라이브러리를 소개하고, 실용적인 코드 예제를 제공할 것입니다.

HTML 프리티파이어란?

HTML 프리티파이어는 원시 또는 축소된 HTML 코드를 읽기 쉽고, 잘 구조화된 형식으로 다시 포맷팅하는 도구입니다. 이 과정은 다음을 포함합니다:

  • 중첩된 요소들의 적절한 들여쓰기
  • 닫히지 않은 태그 닫기
  • 속성 일관성 있게 포맷하기
  • 불필요한 공백 제거

PDF로 변환하기 전에 HTML 프리티파일을 사용하면 콘텐츠가 구조화되고 시각적으로 일관되게 유지되어 생성된 PDF에서 렌더링 문제를 줄일 수 있습니다.

IronPDF: 강력한 PDF 솔루션

HTML 깔끔하게 만드는 도구 (개발자를 위한 작동 방법): 그림 1

IronPDF는 매끄러운 HTML-to-PDF 변환을 위해 설계된 포괄적이고 기능이 풍부한 .NET 라이브러리입니다. 개발자들이 HTML, URL 또는 원시 HTML 문자열을 최소한의 노력으로 고품질의 PDF로 변환할 수 있게 합니다. 많은 다른 PDF 라이브러리와 달리, IronPDF는 현대 웹 표준, HTML5, CSS3, JavaScript를 완전히 지원하여 렌더링된 PDF가 의도된 디자인과 레이아웃을 유지할 수 있도록 합니다. 이것은 복잡한 HTML 구조에서 정밀한 PDF 출력을 필요로 하는 프로젝트에 이상적인 선택입니다.

IronPDF의 주요 기능 중 일부는 다음과 같습니다:

IronPDF와 HTML 미화기를 통합하여 문서가 시각적으로 매력적일 뿐만 아니라 렌더링 문제가 없도록 하여 워크플로가 더 원활하고 효율적으로 동작하도록 합니다.

.NET에서 HTML 미화하기

.NET에는 형식이 없거나 보기 싫은 HTML 코드를 미화할 수 있는 여러 라이브러리가 있으며, 다음과 같은 라이브러리가 포함됩니다:

1. HtmlAgilityPack

  • C#에서 HTML 코드를 구문 분석하고 수정하기 위한 인기 있는 라이브러리입니다.
  • 처리하기 전에 HTML 코드를 포맷하고 정리하는 데 사용할 수 있습니다.

2. AngleSharp

  • .NET을 위한 현대적인 HTML 파서로, 문서를 상세하게 조작할 수 있는 기능을 제공합니다.
  • HTML을 가독성을 높이는 방식으로 포맷할 수 있습니다.

3. HTML Beautifier (BeautifyTools)

  • 지저분한 HTML을 더 나은 가독성을 위해 포맷하고 들여쓰기합니다.
  • 설치가 필요 없이 브라우저에서 직접 작동하는 온라인 도구입니다.

HtmlAgilityPack을 사용하여 HTML 코드 포맷하기

HTML 깔끔하게 만드는 도구 (개발자를 위한 작동 방법): 그림 2

HtmlAgilityPack은 HTML 문서를 빠르고 효율적으로 구문 분석하고 조작할 수 있는 인기 있는 .NET 라이브러리입니다. 잘못된 형식이거나 구조가 약한 HTML을 처리할 수 있어 웹 스크래핑 및 데이터 추출에 좋은 선택입니다. '미화기'로 명시적으로 설계되지는 않았지만, 구문을 분석하고 올바른 들여쓰기로 저장하여 HTML 코드를 정리하고 포맷하는 데 사용할 수 있습니다.

여기 HtmlAgilityPack을 사용하여 IronPDF에 전달하기 전에 HTML을 미화하는 방법이 있습니다:

using IronPdf;
using HtmlAgilityPack;
using System.IO;

class Program
{
    static void Main()
    {
        string htmlContent = "<html><body><h1>Hello World!</h1><p>This is a test.</p></body></html>";

        // Load the HTML content into an HtmlDocument
        HtmlDocument doc = new HtmlDocument();
        doc.LoadHtml(htmlContent);

        // Prettify the HTML by saving it with indentation
        // Saves the formatted HTML with the prettified indenting
        string prettyHtml = doc.DocumentNode.OuterHtml;
        doc.Save("pretty.html"); // Save the pretty HTML to a file
    }
}
using IronPdf;
using HtmlAgilityPack;
using System.IO;

class Program
{
    static void Main()
    {
        string htmlContent = "<html><body><h1>Hello World!</h1><p>This is a test.</p></body></html>";

        // Load the HTML content into an HtmlDocument
        HtmlDocument doc = new HtmlDocument();
        doc.LoadHtml(htmlContent);

        // Prettify the HTML by saving it with indentation
        // Saves the formatted HTML with the prettified indenting
        string prettyHtml = doc.DocumentNode.OuterHtml;
        doc.Save("pretty.html"); // Save the pretty HTML to a file
    }
}
Imports IronPdf
Imports HtmlAgilityPack
Imports System.IO

Friend Class Program
	Shared Sub Main()
		Dim htmlContent As String = "<html><body><h1>Hello World!</h1><p>This is a test.</p></body></html>"

		' Load the HTML content into an HtmlDocument
		Dim doc As New HtmlDocument()
		doc.LoadHtml(htmlContent)

		' Prettify the HTML by saving it with indentation
		' Saves the formatted HTML with the prettified indenting
		Dim prettyHtml As String = doc.DocumentNode.OuterHtml
		doc.Save("pretty.html") ' Save the pretty HTML to a file
	End Sub
End Class
$vbLabelText   $csharpLabel

HTML 파일 출력

HTML 깔끔하게 만드는 도구 (개발자를 위한 작동 방법): 그림 3

HTML 미화기로 AngleSharp 사용하기

HTML 깔끔하게 만드는 도구 (개발자를 위한 작동 방법): 그림 4

AngleSharp는 HTML, XML 및 SVG 문서를 구문 분석 및 조작하기 위해 설계된 .NET 라이브러리입니다. DOM 조작 및 포맷에 대한 현대적이고 유연한 접근 방식을 제공합니다. AngleSharp의 HtmlFormatter 클래스는 HTML 콘텐츠를 포맷하여 깔끔하고 읽기 쉬운 출력을 제공합니다.

using AngleSharp.Html.Parser;
using System;

class Program
{
    static void Main()
    {
        string htmlContent = "<html><body><h1>Hello World!</h1><p>This is a test.</p></body></html>";

        // Parse the HTML content using HtmlParser
        var parser = new HtmlParser();
        var document = parser.ParseDocument(htmlContent);

        // Format the HTML using AngleSharp’s HtmlFormatter
        var prettyHtml = document.ToHtml();
    }
}
using AngleSharp.Html.Parser;
using System;

class Program
{
    static void Main()
    {
        string htmlContent = "<html><body><h1>Hello World!</h1><p>This is a test.</p></body></html>";

        // Parse the HTML content using HtmlParser
        var parser = new HtmlParser();
        var document = parser.ParseDocument(htmlContent);

        // Format the HTML using AngleSharp’s HtmlFormatter
        var prettyHtml = document.ToHtml();
    }
}
Imports AngleSharp.Html.Parser
Imports System

Friend Class Program
	Shared Sub Main()
		Dim htmlContent As String = "<html><body><h1>Hello World!</h1><p>This is a test.</p></body></html>"

		' Parse the HTML content using HtmlParser
		Dim parser = New HtmlParser()
		Dim document = parser.ParseDocument(htmlContent)

		' Format the HTML using AngleSharp's HtmlFormatter
		Dim prettyHtml = document.ToHtml()
	End Sub
End Class
$vbLabelText   $csharpLabel

HTML 출력

HTML 깔끔하게 만드는 도구 (개발자를 위한 작동 방법): 그림 5

온라인 HTML 미화기 (BeautifyTools)

HTML 깔끔하게 만드는 도구 (개발자를 위한 작동 방법): 그림 6

BeautifyTools.com은 복잡한 HTML 코드를 포맷하고 미화할 수 있는 사용하기 쉬운 온라인 HTML 포매터를 제공합니다. 이는 라이브러리를 설치하거나 코드를 작성하지 않고 HTML을 빠르고 무료로 정리하려면 유용합니다.

온라인 HTML 미화기 사용 방법

  1. 웹사이트 열기

    BeautifyTools.com의 HTML Beautifier를 웹 브라우저에서 엽니다.

  2. HTML 붙여넣기

    원시 HTML 또는 압축된 HTML을 복사하여 입력 박스에 붙여넣습니다.

  3. 설정 조정 (선택사항)

    • 들여쓰기 수준(공백: 2, 4 등)을 선택합니다.
    • 줄 바꿈 및 포맷 옵션을 활성화/비활성화합니다.

  4. "Beautify HTML" 클릭

    도구가 HTML을 처리하고 결과를 출력 박스에 표시합니다.

  5. 포맷된 HTML 복사

    "클립보드에 복사"를 클릭하거나 수동으로 포맷된 HTML을 복사하여 프로젝트에 사용합니다.

HTML 깔끔하게 만드는 도구 (개발자를 위한 작동 방법): 그림 7

온라인 미화기 사용의 장단점

HTML 깔끔하게 만드는 도구 (개발자를 위한 작동 방법): 그림 8

코드 기반 HTML 미화기를 사용하는 것의 장단점

HTML 깔끔하게 만드는 도구 (개발자를 위한 작동 방법): 그림 9

IronPDF를 사용하여 미화된 HTML을 PDF로 변환하기

HTML을 미화한 후에 IronPDF를 사용하여 이를 고품질 PDF로 변환할 수 있습니다. AngleSharp를 사용하는 간단한 예시입니다:

using AngleSharp.Html.Parser;
using System.IO;
using IronPdf;
using System;

class Program
{
    static void Main()
    {
        string htmlContent = "<html><body><h1>Hello World!</h1><p>This was formatted using AngleSharp.</p><p>Then it was converted using IronPDF.</p></body></html>";

        // Parse the HTML content using HtmlParser
        var parser = new HtmlParser();
        var document = parser.ParseDocument(htmlContent);

        // Format the HTML using PrettyMarkupFormatter
        using (var writer = new StringWriter())
        {
            document.ToHtml(writer, new PrettyMarkupFormatter()); // Format the HTML
            var prettyHtml = writer.ToString();

            // Save the formatted HTML to a file
            string outputPath = "formatted.html";
            File.WriteAllText(outputPath, prettyHtml);
            Console.WriteLine(prettyHtml);
        }

        // Convert the formatted HTML to PDF using IronPdf
        var renderer = new ChromePdfRenderer();
        var pdf = renderer.RenderHtmlFileAsPdf("formatted.html");
        pdf.SaveAs("output.pdf");
    }
}
using AngleSharp.Html.Parser;
using System.IO;
using IronPdf;
using System;

class Program
{
    static void Main()
    {
        string htmlContent = "<html><body><h1>Hello World!</h1><p>This was formatted using AngleSharp.</p><p>Then it was converted using IronPDF.</p></body></html>";

        // Parse the HTML content using HtmlParser
        var parser = new HtmlParser();
        var document = parser.ParseDocument(htmlContent);

        // Format the HTML using PrettyMarkupFormatter
        using (var writer = new StringWriter())
        {
            document.ToHtml(writer, new PrettyMarkupFormatter()); // Format the HTML
            var prettyHtml = writer.ToString();

            // Save the formatted HTML to a file
            string outputPath = "formatted.html";
            File.WriteAllText(outputPath, prettyHtml);
            Console.WriteLine(prettyHtml);
        }

        // Convert the formatted HTML to PDF using IronPdf
        var renderer = new ChromePdfRenderer();
        var pdf = renderer.RenderHtmlFileAsPdf("formatted.html");
        pdf.SaveAs("output.pdf");
    }
}
Imports AngleSharp.Html.Parser
Imports System.IO
Imports IronPdf
Imports System

Friend Class Program
	Shared Sub Main()
		Dim htmlContent As String = "<html><body><h1>Hello World!</h1><p>This was formatted using AngleSharp.</p><p>Then it was converted using IronPDF.</p></body></html>"

		' Parse the HTML content using HtmlParser
		Dim parser = New HtmlParser()
		Dim document = parser.ParseDocument(htmlContent)

		' Format the HTML using PrettyMarkupFormatter
		Using writer = New StringWriter()
			document.ToHtml(writer, New PrettyMarkupFormatter()) ' Format the HTML
			Dim prettyHtml = writer.ToString()

			' Save the formatted HTML to a file
			Dim outputPath As String = "formatted.html"
			File.WriteAllText(outputPath, prettyHtml)
			Console.WriteLine(prettyHtml)
		End Using

		' Convert the formatted HTML to PDF using IronPdf
		Dim renderer = New ChromePdfRenderer()
		Dim pdf = renderer.RenderHtmlFileAsPdf("formatted.html")
		pdf.SaveAs("output.pdf")
	End Sub
End Class
$vbLabelText   $csharpLabel

설명

위 코드는 AngleSharp을 사용하여 HTML을 예쁘게 만든 후 IronPDF로 PDF로 변환하는 방법을 보여줍니다. 다음은 작동 방법입니다:

  1. Raw HTML 콘텐츠 정의:

프로그램은 <h1> 헤더와 두 개의 단락이 포함된 간단한 HTML 문자열로 시작합니다.

  1. AngleSharp으로 HTML 파싱:

해석할 HtmlParser 인스턴스를 초기화하고 원시 HTML을 구조화된 IDocument 객체로 파싱합니다.

  1. PrettyMarkupFormatter를 사용하여 HTML 형식화:
  • PrettyMarkupFormatter 클래스는 HTML을 적절히 형식화하고 들여쓰기하는 데 사용됩니다.
  • 서식이 지정된 HTML을 문자열로 캡처하기 위해 StringWriter가 사용됩니다.
    • 형식화 후, 형식화된 HTML은 "formatted.html"이라는 파일에 저장됩니다.
  1. IronPDF를 사용하여 형식화된 HTML을 PDF로 변환:
  • 변환을 처리하기 위해 ChromePdfRenderer 인스턴스가 생성됩니다.
  • 형식이 지정된 HTML 파일이 로드되어 PdfDocument로 변환됩니다.
    • 결과 PDF는 "output.pdf"로 저장됩니다.

  1. 최종 출력:

    • 화면에 예쁘게 된 HTML이 표시됩니다.
    • 프로그램은 두 개의 출력 파일을 생성합니다:
      • formatted.html (HTML의 잘 구조화된 버전)
      • output.pdf (형식화된 HTML에서 생성된 최종 PDF 문서).

이 접근 방식은 PDF로 변환하기 전에 HTML이 깔끔하게 구조화되도록 하여 가독성을 높이고 PDF 출력의 잠재적 렌더링 문제를 피할 수 있습니다.

콘솔 출력

HTML 깔끔하게 만드는 도구 (개발자를 위한 작동 방법): 그림 10

PDF 출력

HTML 깔끔하게 만드는 도구 (개발자를 위한 작동 방법): 그림 11

IronPDF와 함께 Prettifier를 사용하는 이유?

1. 더 나은 가독성과 디버깅

형식화된 HTML은 읽기, 디버그, 유지보수가 더 쉽습니다. 이는 특히 동적 콘텐츠나 대용량 HTML 템플릿을 다룰 때 유용합니다.

2. 향상된 스타일 일관성

예쁘게 된 HTML은 일관된 공백과 구조를 유지하여 IronPDF에서 더 예측 가능한 렌더링을 이끌어냅니다.

3. 렌더링 문제 감소

최소화되거나 구조화되지 않은 HTML은 때때로 PDF 생성에서 예기치 않은 문제를 일으킬 수 있습니다. 예쁘게 만들기는 누락된 요소나 깨진 레이아웃을 방지하는 데 도움이 됩니다.

4. 자동화된 워크플로 간소화

애플리케이션이 프로그래밍 방식으로 PDF를 생성하는 경우, HTML이 변환 전에 깔끔하고 구조화되도록 보장하면 안정성과 정확성이 향상됩니다.

결론

.NET에서 IronPDF와 HTML prettifier를 사용하는 것은 PDF 변환을 향상하는 간단하지만 효과적인 방법입니다. HTML을 올바르게 구조화하면 더 나은 렌더링, 유지보수성 향상, 디버깅의 번거로움을 줄일 수 있습니다.

HtmlAgilityPack, AngleSharp, HTML Beautifier와 같은 라이브러리를 사용하여 PDF 생성 전에 HTML을 예쁘게 만드는 작업이 손쉬운 일이 됩니다. HTML-to-PDF 변환을 자주 사용하는 경우 최적의 결과를 위해 워크플로에 HTML prettifier를 통합하는 것을 고려해 보세요.

오늘 한 번 시도해보고 IronPDF 경험이 어떻게 향상되는지 확인해 보세요! 무료 체험판을 다운로드하여 IronPDF가 제공하는 모든 기능을 자신의 프로젝트에서 탐색해보세요.

자주 묻는 질문

HTML을 PDF로 변환하기 전에 HTML 정리기를 사용하는 목적은 무엇입니까?

HTML을 PDF로 변환하기 전에 HTML 정리기를 사용하면 HTML 코드가 깨끗하고 잘 구조화되어 읽기 쉽게 됩니다. 이 과정은 렌더링 문제를 방지하고 최종 PDF 출력이 의도된 디자인과 레이아웃을 유지하도록 합니다.

.NET에서 HTML을 PDF로 어떻게 변환할 수 있나요?

.NET 라이브러리인 IronPDF를 사용하여 HTML을 PDF로 변환할 수 있습니다. IronPDF는 HTML5, CSS3, JavaScript를 지원하여 복잡한 HTML 구조가 PDF에 정확하게 렌더링되도록 보장합니다.

.NET에서 HTML을 정리하는 라이브러리는 무엇이 있습니까?

.NET에서 HTML을 정리하기 위해 HtmlAgilityPack과 AngleSharp과 같은 라이브러리가 사용 가능합니다. 이러한 라이브러리는 HTML 문서를 구문 분석하고 조작하며 포맷팅하여 잘 구조화되고 깔끔하게 할 수 있습니다.

HtmlAgilityPack은 HTML 포맷팅에 어떻게 도움이 됩니까?

HtmlAgilityPack은 잘못된 HTML 문서도 구문 분석하고 조작함으로써 HTML 포맷팅에 도움이 됩니다. 적절한 들여쓰기로 HTML 코드를 포맷팅하여 웹 스크래핑 및 데이터 추출 작업에 적합하게 만듭니다.

AngleSharp을 사용한 HTML 포맷팅의 이점은 무엇입니까?

AngleSharp은 현대적인 DOM 조작 기능을 제공하며 HtmlFormatter 클래스를 사용하여 HTML을 포맷할 수 있습니다. 개발자가 HTML 콘텐츠를 구문 분석하고 읽기 쉽게 포맷된 출력으로 변환할 수 있게 해줍니다. 이는 특히 HTML을 PDF로 변환하기 전에 유용합니다.

소프트웨어를 설치하지 않고 온라인에서 HTML을 정리할 수 있습니까?

예, BeautifyTools.com과 같은 도구를 사용하여 설치 없이도 HTML을 온라인에서 정리할 수 있는 빠르고 무료인 방법을 제공합니다.

HTML-to-PDF 변환 라이브러리를 선택할 때 어떤 기능을 찾아야 합니까?

HTML-to-PDF 변환 라이브러리를 선택할 때는 전체 HTML5 및 CSS3 지원, JavaScript 실행, 머리글, 바닥글 및 워터마크 지원, PDF 서명 및 보안 기능, 다중 스레드 처리의 효율적인 성능과 같은 기능을 보장해야 합니다. 이 모든 기능은 IronPDF에서 제공됩니다.

HTML 포맷팅이 PDF 출력의 품질을 어떻게 향상시킵니까?

HTML 포맷팅은 HTML이 변환하기 전에 깔끔하게 구조화되고 오류가 없도록 하여 PDF 출력의 품질을 향상시킵니다. 이는 렌더링 문제를 방지하고 더 높은 품질과 정확한 PDF 문서를 제공합니다.

제이콥 멜러, 팀 아이언 최고기술책임자
제이콥 멜러
  지금 바로 엔지니어링 팀과 채팅하세요
최고기술책임자

제이콥 멜러는 Iron Software의 최고 기술 책임자(CTO)이자 C# PDF 기술을 개척한 선구적인 엔지니어입니다. Iron Software의 핵심 코드베이스를 최초로 개발한 그는 창립 초기부터 회사의 제품 아키텍처를 설계해 왔으며, CEO인 캐머런 리밍턴과 함께 회사를 NASA, 테슬라, 그리고 전 세계 정부 기관에 서비스를 제공하는 50명 이상의 직원을 보유한 기업으로 성장시켰습니다.

제이콥은 맨체스터 대학교에서 토목공학 학사 학위(BEng)를 최우등으로 취득했습니다(1998~2001). 1999년 런던에서 첫 소프트웨어 회사를 설립하고 2005년 첫 .NET 컴포넌트를 개발한 후, 마이크로소프트 생태계 전반에 걸쳐 복잡한 문제를 해결하는 데 전문성을 발휘해 왔습니다.

그의 대표 제품인 IronPDF 및 Iron Suite .NET 라이브러리는 전 세계적으로 3천만 건 이상의 NuGet 설치 수를 기록했으며, 그의 핵심 코드는 전 세계 개발자들이 사용하는 다양한 도구에 지속적으로 활용되고 있습니다. 25년의 실무 경험과 41년의 코딩 전문성을 바탕으로, 제이콥은 차세대 기술 리더들을 양성하는 동시에 기업 수준의 C#, Java, Python PDF 기술 혁신을 주도하는 데 주력하고 있습니다.

관련 기사

30일 무료 체험 → 모든 기능 이용 가능. 제한 없음. 카드 정보 필요 없음. 무료 체험 시작하기

아이언 서포트 팀

저희는 주 5일, 24시간 온라인으로 운영합니다.
채팅
이메일
전화해