Message icon
フッターコンテンツにスキップ
  1. IronPDF
  2. IronPDF ブログ
  3. .NETヘルプ
  4. HTMLプリティファイア
.NETヘルプ

HTML Prettifier（開発者向けの仕組み）

Curtis Chau
Curtis Chau
更新日:

HTMLからPDFへの変換を.NETで作業する際、整然とした構造化されたHTMLが最終PDFの品質に大きな違いをもたらすことがあります。 生のHTMLを適切にフォーマットすることで、可読性、正確なレンダリング、一貫性が確保されます。 ここでHTMLフォーマッタ、またはHTMLプリティファイアが役立ちます。

In this article, we’ll explore how to use an HTML prettifier in .NET before converting HTML to PDF using IronPDF. プリティファイの利点について議論し、役立つライブラリを紹介し、実用的なコード例を提供します。

HTMLプリティファイアとは何ですか？

HTMLプリティファイアは、生または圧縮されたHTMLコードを読みやすく、整理されたフォーマットに変換するツールです。 このプロセスには以下が含まれます：

  • ネストされた要素を適切にインデントする
  • 閉じていないタグを閉じる
  • 属性を一貫してフォーマットする
  • 不要な空白を削除する

PDFに変換する前にHTMLプリティファイアを使用することで、コンテンツが構造化され、視覚的に一貫性が保たれ、生成されたPDFのレンダリング問題を減らすことができます。

IronPDF: 強力なPDFソリューション

HTMLプリティファイア (開発者向け作動原理): 図1

IronPDFは、スムーズなHTMLからPDFへの変換を実現するために設計された包括的で機能豊富な.NETライブラリです。 開発者は、HTML、URL、さらには生のHTML文字列を手間なく高品質なPDFに変換することができます。 多くの他のPDFライブラリとは異なり、IronPDFは、HTML5、CSS3、JavaScriptなどの最新のWeb標準を完全にサポートしており、レンダリングされたPDFが意図したデザインとレイアウトを維持します。 これにより、複雑なHTML構造からの正確なPDF出力を必要とするプロジェクトには理想的な選択肢となります。

IronPDFの主要な特徴のいくつかには以下が含まれます：

IronPDFとHTMLプリティファイアを統合することで、ドキュメントが視覚的に魅力的であるだけでなく、レンダリングの問題がなくなり、ワークフローがよりスムーズで効率的になります。

.NETでのHTMLプリティファイ

未フォーマットのまたは複雑なHTMLコードを整理するために、.NETには以下のライブラリが利用可能です：

1. HtmlAgilityPack

  • C#でHTMLコードを解析および修正するための人気のあるライブラリ。
  • 処理の前にHTMLコードをフォーマットおよびクリーンアップするために使用できます。

2. AngleSharp

  • .NET用のモダンなHTMLパーサで、詳細なドキュメント操作能力を提供します。
  • HTMLをより読みやすくする形でフォーマットすることができます。

3. HTML Beautifier (BeautifyTools)

  • 読みやすさを向上させるために雑なHTMLをフォーマットおよびインデントします。
  • ブラウザ内で直接動作するオンラインツール—インストール不要。

HtmlAgilityPackを使ったHTMLコードのフォーマット

HTMLプリティファイア (開発者向け作動原理): 図2

HtmlAgilityPackは、HTMLドキュメントを高速かつ効率的に解析および操作するための人気のある.NETライブラリです。 不正または整然と構造化されていないHTMLを処理することができ、Webスクレイピングやデータ抽出に適しています。 「プリティファイア」として明示的に設計されてはいませんが、適切なインデントでHTMLコードを解析および保存することによってクリーンにフォーマットするために使用することができます。

次のようにHtmlAgilityPackを使用してHTMLをプリティファイし、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
    }
}
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

AngleSharpをHTMLプリティファイアとして使用する

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 Beautifier (BeautifyTools)

HTMLプリティファイア (開発者向け作動原理): 図6

BeautifyTools.comは、乱雑なHTMLコードをフォーマットしプリティファイするための使いやすいオンラインHTMLフォーマッタを提供します。 HTMLをクリーンアップするための迅速で無料の方法が必要な場合、ライブラリをインストールしたりコードを書かずに利用できます。

オンラインHTML Beautifierの使い方

  1. ウェブサイトにアクセスする

    Open BeautifyTools.com HTML Beautifier in your web browser.

  2. HTMLを貼り付ける

    生のまたは圧縮されたHTMLをコピーして入力ボックスに貼り付けます。

  3. 設定を調整する (オプション)

    • インデントレベルを選択します (スペース: 2, 4, など)。
    • 改行やフォーマットオプションを有効/無効にします。

  4. 「Beautify HTML」をクリックする

    ツールがHTMLを処理し、プリティファイされた結果を出力ボックスに表示します。

  5. フォーマットされたHTMLをコピーする

    「クリップボードにコピー」をクリックするか、プロジェクトで使用するためにフォーマットされたHTMLを手動でコピーします。

HTMLプリティファイア (開発者向け作動原理): 図7

オンラインBeautifierを使うことの利点と欠点

HTMLプリティファイア (開発者向け作動原理): 図8

コードベースのHTML Prettifierを使うことの利点と欠点

HTMLプリティファイア (開発者向け作動原理): 図9

プリティファイしたHTMLをIronPDFで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

説明

The above code demonstrates how to prettify HTML using AngleSharp and then convert it to a PDF using IronPDF. それがどのように機能するかは次の通りです：

  1. 生のHTMLコンテンツを定義する：

    プログラムは、<h1>ヘッダーと二つの段落を含むシンプルなHTML文字列から始まります。

  2. AngleSharpでHTMLを解析する：

    HtmlParserインスタンスを初期化し、生のHTMLを構造化されたIDocumentオブジェクトに解析します。

  3. PrettyMarkupFormatterを使用してHTMLをフォーマットする：

    • PrettyMarkupFormatterクラスを使用してHTMLを適切にフォーマットしインデントします。
    • StringWriterを使用してフォーマットされたHTMLを文字列としてキャプチャします。
    • フォーマット後、フォーマットされたHTMLを「formatted.html」という名前のファイルに保存します。

  4. IronPDFを使用してフォーマットされたHTMLをPDFに変換する：

    • ChromePdfRendererインスタンスを作成し、変換を処理します。
    • フォーマットされたHTMLファイルを読み込み、PdfDocumentに変換します。
    • 結果のPDFは「output.pdf」として保存されます。

  5. 最終出力：

    • プリティファイされたHTMLがコンソールに表示されます。
    • プログラムは次の2つの出力ファイルを生成します：
      • formatted.html (HTMLの整然としたバージョン)
      • output.pdf (フォーマットされたHTMLから生成された最終的なPDFドキュメント)

このアプローチは、HTMLがPDFに変換される前にきちんと構造化されることを保証し、可読性を向上させ、PDF出力でのレンダリング問題を回避します。

コンソール出力

HTMLプリティファイア (開発者向け作動原理): 図10

PDF出力

HTMLプリティファイア (開発者向け作動原理): 図11

なぜIronPDFと一緒にプリティファイアを使用するのか？

1. 可読性とデバッグの向上

フォーマットされたHTMLは、読みやすく、デバッグしやすく、維持しやすいです。 特に、動的コンテンツや大規模なHTMLテンプレートを扱う場合に役立ちます。

2. スタイリングの一貫性向上

プリティファイされたHTMLは、一貫したスペースと構造を維持し、IronPDFでより予測可能なレンダリングを実現します。

3. レンダリング問題の軽減

圧縮されたまたは構造化されていないHTMLは、PDF生成時に予期しない問題を引き起こす可能性があります。 プリティファイ化は、要素の欠落やレイアウトの崩れを防ぎます。

4. 自動ワークフローの簡略化

あなたのアプリケーションがプログラムでPDFを生成する場合、変換前にHTMLがクリーンで正しく構成されていることを確認することで、安定性と精度が向上します。

結論

.NETでIronPDFとHTMLプリティファイアを使用することは、PDF変換を向上させるためのシンプルで効果的な方法です。 HTMLを正しく構造化することで、より良いレンダリング、メンテナンス性の向上、およびデバッグの頭痛を軽減することができます。

HtmlAgilityPack、AngleSharp、およびHTML Beautifierのようなライブラリを使用することで、PDF生成前にHTMLをプリティファイすることが手間のかからないタスクになります。 頻繁にHTMLからPDFへの変換を行う場合、最高の結果を得るためにワークフローにHTMLプリティファイアを統合することを検討してください。

ぜひ試して、IronPDFの体験がどれほど向上するかを確認してください！ Download the free trial and get start exploring all that IronPDF has to offer within your own projects.

よくある質問

HTMLをPDFに変換する前にHTMLプリティファイアを使用する目的は何ですか？

HTMLをPDFに変換する前にHTMLプリティファイアを使用すると、HTMLコードがクリーンで、構造化され、読みやすくなります。このプロセスはレンダリングの問題を防ぎ、最終的なPDF出力が意図したデザインとレイアウトを維持するのに役立ちます。

.NETでHTMLをPDFに変換するにはどうすればいいですか？

HTMLをPDFに変換するには、.NETライブラリのIronPDFを使用できます。IronPDFはHTML5、CSS3、およびJavaScriptをサポートしており、複雑なHTML構造がPDFに正確にレンダリングされることを保証します。

HTMLを.NETでプリティファイするためにどのライブラリが利用可能ですか？

HtmlAgilityPackやAngleSharpなどのライブラリは、.NETでHTMLをプリティファイするために利用可能です。これらのライブラリはHTMLドキュメントの解析、操作、およびフォーマットを支援し、構造化されクリーンであることを保証します。

HtmlAgilityPackはHTMLのフォーマットでどのように役立ちますか？

HtmlAgilityPackは、誤った形式のHTMLであっても、HTMLドキュメントを解析し操作することでHTMLのフォーマットを支援します。適切なインデントでHTMLコードをフォーマットし、ウェブスクレイピングやデータ抽出のタスクに適しています。

AngleSharpを使用するとHTMLフォーマットのどのような利点がありますか？

AngleSharpは現代のDOM操作機能を提供し、そのHtmlFormatterクラスを使用してHTMLをフォーマットできます。HTMLを解析し読みやすい出力にフォーマットすることができ、HTMLをPDFに変換する前に特に便利です。

ソフトウェアをインストールせずにHTMLをオンラインでプリティファイできますか？

はい、BeautifyTools.comのようなツールを使用してHTMLをオンラインでプリティファイできます。これは、ライブラリをインストールしたりコードを書いたりすることなく、HTMLコードを迅速かつ無料でクリーンアップできます。

HTMLからPDFへの変換ライブラリで探すべき機能は何ですか？

HTMLからPDFへの変換ライブラリを選ぶ場合、完全なHTML5とCSS3のサポート、JavaScriptの実行、ヘッダー、フッター、透かしのサポート、PDFの署名とセキュリティ機能、マルチスレッド処理による効率的なパフォーマンス、などを探してください。これらはすべてIronPDFで提供されます。

HTMLのフォーマットはどのようにPDF出力の品質を向上させますか？

HTMLのフォーマットは、変換前にHTMLが整然と構造化され、エラーフリーであることを保証することにより、PDF出力の品質を向上させます。これによりレンダリングの問題が防がれ、高品質でより正確なPDFドキュメントが得られます。

Curtis Chau
Curtis Chau
  今すぐエンジニアリングチームとチャット
テクニカルライター

Curtis Chauは、カールトン大学でコンピュータサイエンスの学士号を取得し、Node.js、TypeScript、JavaScript、およびReactに精通したフロントエンド開発を専門としています。直感的で美しいユーザーインターフェースを作成することに情熱を持ち、Curtisは現代のフレームワークを用いた開発や、構造の良い視覚的に魅力的なマニュアルの作成を楽しんでいます。

開発以外にも、CurtisはIoT（Internet of Things）への強い関心を持ち、ハードウェアとソフトウェアの統合方法を模索しています。余暇には、ゲームをしたりDiscordボットを作成したりして、技術に対する愛情と創造性を組み合わせています。

関連する記事

30日間の無料体験 → 完全な製品。制限なし。クレジットカード不要。 無料トライアルを開始