IRONSOFTWAREHOME
AKTUALNOŚCI DLA PROGRAMISTÓW

HTML Prettifier (Jak to działa dla deweloperów)

Jacob Mellor, Dyrektor Technologiczny @ Team Iron
Jacob Mellor
Updated: 23 kwietnia 2026

Gdy pracujesz z konwersją HTML na PDF w .NET, czysty i dobrze sformatowany HTML może znacząco wpłynąć na jakość końcowego PDF. Prawidłowe formatowanie surowego HTML zapewnia czytelność, poprawne renderowanie i spójność. Tutaj w grę wchodzi formatter HTML, lub upiększacz HTML.

W tym artykułe omówimy, jak używać upiększacze HTML w .NET przed konwersją HTML na PDF za pomocą IronPDF. Omówimy zalety upiększania, zaprezentujemy biblioteki, które mogą pomóc, oraz dostarczymy praktyczny przykład kodu.

Czym jest upiększacz HTML?

Upiększacz HTML to narzędzie, które przekształca surowy lub zminimalizowany kod HTML w czytelny, dobrze sformatowany układ. Ten proces obejmuje:

  • Prawidłowe wcięcia elementów zagnieżdżonych
  • Zamykanie niezamkniętych tagów
  • Konsekwentne formatowanie atrybutów
  • Usuwanie niepotrzebnych białych znaków

Używanie upiększacza HTML przed konwersją na PDF zapewnia, że treść pozostaje uporządkowana i wizualnie spójna, zmniejszając problemy z renderowaniem w wygenerowanym PDF.

IronPDF: Potężne rozwiązanie PDF

HTML Prettifier (Jak to działa dla programistów): Rysunek 1

IronPDF to wszechstronna i bogata w funkcje biblioteka .NET zaprojektowana do bezproblemowej konwersji HTML na PDF. Umożliwia programistom konwersję HTML, URLi, a nawet surowych ciągów HTML na wysokiej jakości PDFy przy minimalnym wysiłku. W przeciwieństwie do wielu innych bibliotek PDF, IronPDF w pełni wspiera nowoczesne standardy webowe, w tym HTML5, CSS3 i JavaScript, zapewniając, że rendered PDFy zachowują zamierzony wygląd i układ. Czyni to idealnym wyborem dla projektów wymagających precyzyjnego wyjścia PDF z złożonych struktur HTML.

Niektóre kluczowe cechy IronPDF to:

Integrując IronPDF z upiększaczem HTML, zapewniasz, że Twoje dokumenty są nie tylko wizualnie atrakcyjne, ale także wolne od problemów z renderowaniem, czyniąc Twój przepływ pracy płynniejszym i bardziej efektywnym.

Upiększanie HTML w .NET

W .NET dostępnych jest kilka bibliotek do ulepszenia niezformatowanego lub brzydkiego kodu HTML, w tym:

1. HtmlAgilityPack

  • Popularna biblioteka do analizowania i modyfikowania kodu HTML w C#.
  • Można ją użyć do formatuowania i oczyszczania kodu HTML przed przetwarzaniem.

2. AngleSharp

  • Nowoczesny parser HTML dla .NET, który oferuje szczegółowe możliwości manipulacji dokumentami.
  • Może formatować HTML w sposób, który czyni go bardziej czytelnym.

3. HTML Beautifier (BeautifyTools)

  • Formatuje i wcięcia niechlujny HTML w celu lepszej czytelności.
  • Narzędzie online działające bezpośrednio w przeglądarce — nie wymaga instalacji.

Użycie HtmlAgilityPack do formatowania kodu HTML

HTML Prettifier (Jak to działa dla programistów): Rysunek 2

HtmlAgilityPack to popularna biblioteka .NET oferująca szybki i efektywny sposób analizy i manipulacji dokumentami HTML. Może obsługiwać źle uformowane lub słabo skonstruowane HTML, co czyni ją doskonałym wyborem do web scrapingu i wydobywania danych. Mimo że nie jest zaprojektowana jako "upiększacz", można ją używać do oczyszczania i formatowania kodu HTML poprzez jego analizę i zapisywanie z odpowiednimi wcięciami.

Oto jak można użyć HtmlAgilityPack do upiększenia HTML przed przekazaniem do IronPDF:

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
    }
}

Wyjście pliku HTML

HTML Prettifier (Jak to działa dla programistów): Rysunek 3

Użycie AngleSharp jako upiększacza HTML

HTML Prettifier (Jak to działa dla programistów): Rysunek 4

AngleSharp to biblioteka .NET zaprojektowana do analizy i manipulacji dokumentami HTML, XML i SVG. Oferuje nowoczesne i elastyczne podejście do manipulacji i formatowania DOM. Klasa HtmlFormatter z AngleSharp może być używana do formatowania zawartości HTML, zapewniając przyjemne, czytelne wyjście.

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();
    }
}

HTML Wyjściowy

HTML Prettifier (Jak to działa dla programistów): Rysunek 5

Online HTML Beautifier (BeautifyTools)

HTML Prettifier (Jak to działa dla programistów): Rysunek 6

BeautifyTools.com oferuje łatwy w użyciu online formatter HTML, który pozwala formatować i upiększać nieuporządkowany kod HTML. Jest to użyteczne, jeśli chcesz szybko i bezpłatnie oczyścić swój HTML bez instalowania żadnych bibliotek lub pisania kodu.

Jak używać Online HTML Beautifier

  1. Przejdz na strone internetowa

    Otwórz BeautifyTools.com HTML Beautifier w przeglądarce internetowej.

  2. Wklej swoje HTML

    Skopiuj swój surowy lub zminimalizowany HTML i wklej go do pola wejściowego.

  3. Dostosuj ustawienia (opcjonalnie)

    • Wybierz poziom wcięć (spacje: 2, 4, itd.).
    • Włącz/wyłącz łamanie wierszy i opcje formatowania.
  4. Kliknij "Upieksz HTML"

    Narzędzie przetworzy twój HTML i wyświetli upiększony wynik w polu wynikowym.

  5. Skopiuj sformatowane HTML

    Kliknij "Skopiuj do schowka" lub ręcznie skopiuj sformatowany HTML do użycia w swoim projekcie.

HTML Prettifier (Jak to działa dla programistów): Rysunek 7

Zalety i Wady Używania Online Prettifier

HTML Prettifier (Jak to działa dla programistów): Rysunek 8

Zalety i Wady Używania Prettifiera opartego na kodzie

HTML Prettifier (Jak to działa dla programistów): Rysunek 9

Konwertowanie upiększonego HTML na PDF z IronPDF

Gdy już upiększymy nasz HTML, możemy użyć IronPDF do przekształcenia go w wysokiej jakości PDF. Oto prosty przykład użycia 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");
    }
}

Wyjaśnienie

Powyższy kod pokazuje, jak upiększyć HTML używając AngleSharp, a następnie przekonwertować go na PDF za pomocą IronPDF. Oto jak to działa:

  1. Zdefiniuj surowa zawartosc HTML:

Program zaczyna się od prostego ciągu HTML zawierającego <h1> nagłówek oraz dwa paragrafy.

  1. Parsie HTML za pomoca AngleSharp:

Inicjalizuje instancję HtmlParser i parsuje surowy HTML do ustrukturyzowanego obiektu IDocument.

  1. Formatowanie HTML za pomocą PrettyMarkupFormatter:
  • Klasa PrettyMarkupFormatter jest używana do prawidłowego formatowania i wcięcia HTML.
  • StringWriter jest używany do przechwytywania sformatowanego HTML jako ciąg znaków.
    • Po sformatowaniu, sformatowany HTML jest zapisywany do pliku o nazwie "formatted.html".
  1. Konwersja sformatowanego HTML do PDF za pomoca IronPDF:
  • Instancja ChromePdfRenderer jest tworzona w celu obsługi konwersji.
  • Sformatowany plik HTML jest ładowany i konwertowany na PdfDocument.
    • Powstały PDF jest zapisywany jako "output.pdf".
  1. Ostateczny wynik:

    • Upiększony HTML jest wyświetlany w konsoli.
    • Program produkuje dwa pliki wyjściowe:
      • formatted.html (dobrze ustrukturyzowana wersja HTML)
      • output.pdf (końcowy dokument PDF wygenerowany z sformatowanego HTML).

To podejście gwarantuje, że HTML jest starannie zorganizowany przed jego konwersją na PDF, co poprawia czytelność i unika potencjalnych problemów z renderowaniem w wyniku PDF.

Wynik konsoli

HTML Prettifier (Jak to działa dla programistów): Rysunek 10

Wynik w formacie PDF

HTML Prettifier (Jak to działa dla programistów): Rysunek 11

Dlaczego używać upiększacza z IronPDF?

1. Lepsza czytelność i debugowanie

Sformatowany HTML jest łatwiejszy do czytania, debugowania i utrzymania. Jest to szczególnie użyteczne przy pracy z dynamiczną zawartością lub dużymi szablonami HTML.

2. Poprawiona spójność stylowania

Upiększony HTML zachowuje spójne odstępy i strukturę, co prowadzi do bardziej przewidywalnego renderowania w IronPDF.

3. Zmniejszenie problemów z renderowaniem

Zminimalizowany lub nieuporządkowany HTML może czasami powodować nieoczekiwane problemy w generowaniu PDF. Upiększanie pomaga zapobiegać brakującym elementom lub złamanym układom.

4. Uproszczenie zautomatyzowanych przepływów pracy

Jeśli Twój program automatycznie generuje PDFy, upewnienie się, że HTML jest czysty i dobrze uformowany przed konwersją, poprawia stabilność i dokładność.

Wnioski

Użycie upiększacza HTML z IronPDF w .NET to prosty, ale skuteczny sposób na ulepszenie konwersji PDF. Przez prawidłowe ustrukturyzowanie HTML zapewniasz lepsze renderowanie, poprawioną podatność na konserwację i mniej problemów z debugowaniem.

Dzięki bibliotekom takim jak HtmlAgilityPack, AngleSharp i HTML Beautifier, upiększanie HTML przed generowaniem PDF staje się łatwym zadaniem. Jeśli często pracujesz z konwersjami HTML na PDF, rozważ integrację upiększacza HTML w swoim przepływie pracy dla optymalnych wyników.

Wypróbuj to dzisiaj i zobacz, jak poprawia Twoje doświadczenia z IronPDF! Pobierz darmowa wersje probna i zacznij odkrywac wszystko, co IronPDF ma do zaoferowania w twoich wlasnych projektach.

Jacob Mellor, Dyrektor Technologiczny @ Team Iron
Dyrektor ds. technologii

Jacob Mellor jest Chief Technology Officer w Iron Software i wizjonerskim inżynierem, pionierem technologii C# PDF. Jako pierwotny deweloper głównej bazy kodowej Iron Software, kształtuje architekturę produktów firmy od jej początku, przekształcając ją wspólnie z CEO Cameron Rimington w firmę liczącą ponad 50 osób, obsługującą NASA, Teslę i światowe agencje rządowe.

...
Czytaj więcej

Powiązane artykuły

Key in blue circle

Uzyskaj natychmiast swój darmowy 30-dniowy Klucz Testowy.

Brak ograniczeń. 100% dostępności. Bez karty kredytowej.

bullet_checkedNie wymaga karty kredytowej ani tworzenia kontaBrak ograniczeń. 100% dostępności. Bez karty kredytowej.
  • Logo Aetna
  • Logo NASA
  • Logo GE
  • Logo Porsche
  • Logo USDA
  • Logo Qatar
Join Millions of Engineers who’ve tried IronPDF
Zarezerwuj swoje darmowe Demo na żywo
Booking Badge

Zaufane przez miliony inżynierów na całym świecie

Logotypy klientów Iron Software
Otrzymaj swoje Konsultacja Bez Zobowiązań
Wypełnij poniższy formularz lub wyślij e-mail na sales@ironsoftware.com
Twoje dane zawsze będą utrzymywane w tajemnicy.
Zaufane przez miliony inżynierów na całym świecie
Logotypy klientów Iron Software
Otrzymaj swój darmowy Klucz Próbny na 30 dni natychmiast.
Nie wymaga karty kredytowej ani tworzenia konta