C# Library for moving CSS to inline style attributes, to gain maximum E-mail client compatibility.
string htmlSource = File.ReadAllText(@"C:\Workspace\testmail.html");
var result = PreMailer.MoveCssInline(htmlSource);
result.Html // Resultant HTML, with CSS in-lined.
result.Warnings // string[] of any warnings that occurred during processing.string htmlSource = File.ReadAllText(@"C:\Workspace\testmail.html");
var pm = new PreMailer(htmlSource);
pm.AddAnalyticsTags(source, medium, campaign, content, domain = null); // Optional to add analytics tags
var result = pm.MoveCssInline(...);
result.Html // Resultant HTML, with CSS in-lined.
result.Warnings // string[] of any warnings that occurred during processing.The following options can be passed to the PreMailer.MoveCssInline method to configure it's behaviour:
baseUri(Uri = null)- Base URL to apply tolinkelements withhrefvalues ending with.css.removeStyleElements(bool = false)- Removes elements that were used to source CSS (currently, onlystyleis supported).ignoreElements(string = null)- CSS selector of element(s) not to inline. Useful for mobile styles (see below).css(string = null)- A string containing a style-sheet for inlining.stripIdAndClassAttributes(bool = false)- True to strip ID and class attributes.removeComments(bool = false)- True to remove comments, false to leave them intact.
Sometimes it's handy to reference external style sheets with a <link href="..." /> element. PreMailer will download and use external style sheets as long as the value of href ends with .css.
Both absolute and relative URLs are supported. If the URL is relative, you must specify the baseUri parameter in either the constructor, or when calling the static MoveCssInline method.
<link /> elements that match the ignoreElements selector won't be downloaded.
If you want to apply mobile styles to your e-mail, you should put your
mobile specific styles in its own style block that targets the appropriate devices using media queries.
But since you cannot know by the time of sending an e-mail whether or not it will be viewed on a mobile device, the style
block that targets mobile devices should not be inlined!
To ignore a style block, you need to specify an ignore selector when calling the MoveCssInline method, like this:
var result = PreMailer.MoveCssInline(input, false, ignoreElements: "#ignore");And your mobile specific style block should have an ID of ignore:
<style type="text/css" id="ignore">.target { width: 1337px; }</style>Premailer looks for the use of CSS attributes prefixed with -premailer and will proxy the value through to the DOM element as an attribute.
For example
table {
-premailer-cellspacing: 5;
-premailer-width: 500;
}will make a table element render as
<table cellspacing="5" width="500">using(var pm = new PreMailer(html)){
var document = pm.Document;
// use AngleSharp to process document before moving css inline ...
var result = pm.MoveCssInline();
}- Pseudo classes/elements which not supported by external dependencies, or doesn't make sense in email, will be ignored and logged to the
InlineResult.Warningscollection.
NuGet: PreMailer.Net
PreMailer.Net is available under the MIT license. See the LICENSE file for more info.
![dependabot-preview[bot] avatar](https://avatars.githubusercontent.com/in/2141?v=4 "dependabot-preview[bot]")
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "github-actions[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent