资讯

历史

科技

环境与自然

成长

游戏

财经

文学与艺术

美食

健康

家居

文化

情感

汽车

三农

军事

旅行

运动

教育

生活

星座命理

C#如何显示HTML

创作时间:

作者:

@小白创作中心

C#如何显示HTML

引用

来源

https://docs.pingcode.com/baike/2992140

在C#开发中，有时需要在应用程序中显示HTML内容。本文将详细介绍几种在C#中显示HTML的方法，包括嵌入Web浏览器控件、使用ASP.NET Web应用程序、生成和解析HTML字符串等。

一、嵌入 Web 浏览器控件

1. 添加 Web 浏览器控件

在 Visual Studio 中创建一个新的 Windows 窗体应用程序项目，然后从工具箱中拖放一个 WebBrowser 控件到窗体上。WebBrowser 控件是一个内置的控件，允许你在 Windows 应用程序中嵌入一个功能完整的 Web 浏览器。

2. 加载 HTML 内容

你可以通过 WebBrowser 控件的 DocumentText 属性来加载 HTML 内容。例如：

webBrowser1.DocumentText = "<html><body><h1>Hello, World!</h1></body></html>";

这种方法适用于显示简单的 HTML 内容。如果需要加载外部 URL，可以使用 Navigate 方法：

webBrowser1.Navigate("http://www.example.com");

二、使用 ASP.NET Web 应用程序

1. 创建 ASP.NET Web 应用程序

在 Visual Studio 中创建一个新的 ASP.NET Web 应用程序项目。这个方法适用于需要在 Web 浏览器中显示 HTML 内容的场景。

2. 使用 Razor 或 Web Forms 显示 HTML

在 ASP.NET Web 应用程序中，你可以使用 Razor 语法（.cshtml 文件）或 Web Forms（.aspx 文件）来生成和显示 HTML 内容。

例如，使用 Razor 语法：

@{  
    ViewBag.Title = "Home Page";  
}  
<h1>Hello, World!</h1>  
<p>Welcome to your ASP.NET application.</p>

三、生成和解析 HTML 字符串

1. 使用 StringBuilder 生成 HTML 字符串

如果需要在 C# 中动态生成 HTML 内容，可以使用 StringBuilder 类。例如：

StringBuilder htmlBuilder = new StringBuilder();  
htmlBuilder.Append("<html>");  
htmlBuilder.Append("<body>");  
htmlBuilder.Append("<h1>Hello, World!</h1>");  
htmlBuilder.Append("</body>");  
htmlBuilder.Append("</html>");  
string htmlContent = htmlBuilder.ToString();

2. 使用 HtmlAgilityPack 解析 HTML

如果需要解析和处理 HTML 内容，可以使用第三方库 HtmlAgilityPack。首先，通过 NuGet 包管理器安装 HtmlAgilityPack：

Install-Package HtmlAgilityPack

然后，可以使用以下代码解析 HTML 内容：

HtmlDocument htmlDoc = new HtmlDocument();  
htmlDoc.LoadHtml(htmlContent);  
var nodes = htmlDoc.DocumentNode.SelectNodes("//h1");  
foreach (var node in nodes)  
{  
    Console.WriteLine(node.InnerText);  
}

四、使用 Blazor 显示 HTML

Blazor 是一个用于构建交互式 Web UI 的框架，允许你使用 C# 代替 JavaScript。Blazor 有两种模式：Blazor Server 和 Blazor WebAssembly。

1. 创建 Blazor 应用程序

在 Visual Studio 中创建一个新的 Blazor 应用程序项目。选择 Blazor Server 或 Blazor WebAssembly 模板。

2. 使用 Razor 组件显示 HTML

在 Blazor 应用程序中，你可以使用 Razor 组件（.razor 文件）来生成和显示 HTML 内容。例如：

@page "/"  
<h1>Hello, World!</h1>  
<p>Welcome to your Blazor application.</p>

五、结合其他技术

在实际应用中，可以结合多种技术来显示和处理 HTML 内容。例如，可以使用 Web 浏览器控件来显示 HTML 内容，同时使用 HtmlAgilityPack 解析和修改 HTML 内容。

1. 显示和解析 HTML

可以将生成的 HTML 内容加载到 WebBrowser 控件中，同时使用 HtmlAgilityPack 解析和修改 HTML 内容。例如：

HtmlDocument htmlDoc = new HtmlDocument();  
htmlDoc.LoadHtml(htmlContent);  
// 修改 HTML 内容  
var h1Node = htmlDoc.DocumentNode.SelectSingleNode("//h1");  
if (h1Node != null)  
{  
    h1Node.InnerHtml = "Hello, C#!";  
}  
webBrowser1.DocumentText = htmlDoc.DocumentNode.OuterHtml;