将css样式表的内容呈现为内联样式属性

Question

我和这个家伙有同样的问题："Compile" CSS into HTML as inline styles

除了我使用asp.net mvc razor或更正确的RazorEngine：https://github.com/Antaris/RazorEngine

我将.cshtml文件编译成html文件。当我这样做或完成此过程后，我希望所有.css文件及其id，标签，类及其属性/值作为样式属性直接呈现为html标记中的内联样式。

我需要使用样式属性，因为结果html是一个模板，可以在gmail / outlook / mobile等电子邮件客户端中显示...

您如何开始将css样式表定义转换为适当的样式属性？

Answer 1

如果您绝对必须使用内联样式属性替换HTML属性的class属性，那么您正在查看一个非平凡的任务。一个好的解决方案不是一个简单的String.Replace或Regex.Replace。以下是我可能接近它的方法：

• 创建自定义ActionFilter以在执行控制器操作后读取HTML（Capturing HTML output with a controller action filter）
• 使用HTMLAgilityPack
等内容加载HTML
• 使用a CSS parser
加载CSS类
• 在HTML元素上找到class属性，删除它，用style属性替换它，并将style属性值设置为相应CSS类的值（使用上面提到的CSS解析器读取）。