ASP.NET C#：将带CSS样式的Div内容保存为服务器端PDF文件

这个问题我之前也碰到过，核心原因是你通过RenderControl获取的只是Div的HTML片段，并没有带上CSS样式的引用或者内联样式，HtmlRenderer.PdfSharp渲染时找不到对应的样式规则，所以才会丢失样式。给你两个可行的解决方案：

方案一：将外部CSS内联到HTML中 #

把外部CSS文件的内容直接嵌入到生成的HTML文档的<style>标签里，这样HtmlRenderer在渲染时就能直接读取到样式规则。

示例代码：

// 读取外部CSS文件的内容
string cssPath = Server.MapPath("~/path/to/your/external-style.css");
string cssContent = System.IO.File.ReadAllText(cssPath);

// 获取Div的HTML内容
StringWriter sw = new StringWriter();
HtmlTextWriter hw = new HtmlTextWriter(sw);
blah.RenderControl(hw);
string divHtml = sw.ToString();

// 构建完整的HTML文档，包含内联样式
string fullHtml = $@"
<!DOCTYPE html>
<html>
<head>
    <meta charset=""utf-8"" />
    <style type=""text/css"">
        {cssContent}
    </style>
</head>
<body>
    {divHtml}
</body>
</html>";

// 生成带样式的PDF
using (PdfSharp.Pdf.PdfDocument pdf = PdfGenerator.GeneratePdf(fullHtml, PdfSharp.PageSize.A4))
{
    pdf.Save(@"C:\document1.pdf");
}
sw.Close();

方案二：通过BaseUri加载外部CSS #

如果不想内联CSS，可以在生成的HTML中保留<link>标签，然后通过PdfGeneratorOptions指定BaseUri，让HtmlRenderer能正确定位到服务器上的CSS文件路径。

示例代码：

// 获取Div的HTML内容
StringWriter sw = new StringWriter();
HtmlTextWriter hw = new HtmlTextWriter(sw);
blah.RenderControl(hw);
string divHtml = sw.ToString();

// 构建包含CSS引用的完整HTML
string fullHtml = $@"
<!DOCTYPE html>
<html>
<head>
    <meta charset=""utf-8"" />
    <link rel=""stylesheet"" href=""path/to/your/external-style.css"" />
</head>
<body>
    {divHtml}
</body>
</html>";

// 设置BaseUri，让HtmlRenderer能找到CSS文件的物理路径
var options = new PdfGeneratorOptions
{
    BaseUri = new Uri(Server.MapPath("~/"), UriKind.Absolute)
};

// 生成带样式的PDF
using (PdfSharp.Pdf.PdfDocument pdf = PdfGenerator.GeneratePdf(fullHtml, PdfSharp.PageSize.A4, options))
{
    pdf.Save(@"C:\document1.pdf");
}
sw.Close();

注意事项 #

• 确保Server.MapPath解析的CSS路径是正确的，指向服务器上CSS文件的物理位置。
• 如果CSS中引用了相对路径的图片、字体等资源，BaseUri的设置同样能帮助HtmlRenderer定位这些资源。
• HtmlRenderer.PdfSharp对CSS的支持有一定局限性，比如复杂的媒体查询、部分高级选择器可能无法完全兼容，建议测试关键样式的渲染效果。

内容的提问来源于stack exchange，提问作者Surensiveaya