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

Question

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

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

我将 .cshtml 文件编译成 html 文件。当我这样做或完成此过程后，我希望所有 .css 文件及其 id`s、标签、类及其属性/值都作为内联样式直接呈现到 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 解析器读取）。