Razor ビューに CSS スタイルをインラインで含めるにはどうすればいいですか? 質問する

私も同じ疑問を抱いていましたが、プレメーラーネット必要なライブラリのようです。次の手順を実行してください。

1. CSSをページに埋め込むための拡張メソッドを作成します。Razor ビューに HTML を埋め込む方法に関する質問への回答役に立つはずです。CSS を埋め込むために修正しました:

   public static class HtmlHelpers
   {
       public static MvcHtmlString EmbedCss(this HtmlHelper htmlHelper, string path)
       {
           // take a path that starts with "~" and map it to the filesystem.
           var cssFilePath = HttpContext.Current.Server.MapPath(path);
           // load the contents of that file
           try
           {
               var cssText = System.IO.File.ReadAllText(cssFilePath);
               var styleElement = new TagBuilder("style");
               styleElement.InnerHtml = cssText;
               return MvcHtmlString.Create(styleElement.ToString());
           }
           catch (Exception ex)
           {
               // return nothing if we can't read the file for any reason
               return null;
           }
       }
   }
   

2. 次に、Razor テンプレートで次のように実行します。

   @Html.EmbedCss("~/Content/EmailStyles.css")
   

   CSS テキストを埋め込む。

3. プロジェクトに Premailer.Net パッケージをインストールします。これは NuGet から取得できます。

4. Razorビューを文字列にレンダリングします（プロセス内でPostalがそのためにあるのかな？Razorエンジンそれも可能です。

5. 文字列を Premailer.Net で実行します。

   PreMailer pm = new PreMailer();
   string premailedOutput = pm.MoveCssInline(htmlSource, false);
   

6. メールで送信！