<a href>タグをC＃コード内に貼り付ける

Question

私は電子メールを送信するためのテンプレートを設計するために.csファイル内にhtmlコードを使用しています。 <a href>タグにスタイルタグを追加しましたが、メールが実際に送信されたときには有効になりません。単一引用符の内側にネストすることはできません単一引用符

public static void Email() 
{ 
    StringBuilder sb= new StringBuilder(); 
    sb.Append("<a href='#' style='font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;color:#fff;text-decoration:none;line-height:2em;font-weight:bold;text-align:center;display:inline-block;border-radius:5px;text-transform:capitalize;background-color:#208ed5;margin:0;border-color:#208ed5;border-style:solid;border-width:10px 20px' target='_blank'>"); 
    sb.Append("link</a>"); 
} 

Answer 1

は、バックスラッシュで引用符をエスケープ

：

style=\"font-family:\'Helvetica Neue\',Helvetica,Arial,sans-serif;font-size:14px;color:#fff;text-decoration:none;line-height:2em;font-weight:bold;text-align:center;display:inline-block;border-radius:5px;text-transform:capitalize;background-color:#208ed5;margin:0;border-color:#208ed5;border-style:solid;border-width:10px 20px\" 

Answer 2

： は、ここでは、コードです。 style = '... 'Helvetica Neue' ...'の中に'Helvetica Neue'を使用しています。このようにする必要がありますstyle = "... 'Helvetica Neue' ..."。

また、アンカー要素の周りに二重引用符を使用しているので、スタイルの後ろに直接二重引用符を追加することは控えめです。 Bhojendroがすでに説明したように、スタイルの後に"の代わりにエスケープ文字\"を使用する必要があります。

Answer 3

それは簡単です、クラスとしてあなたの.cssファイルでスタイルを定義し、バックエンドでここにクラスを割り当てます。例：

.custom-style-a { 
font-family:"Helvetica Neue Helvetica,Arial,sans-serif"; 
font-size:14px; 
color:#fff; 
text-decoration:none; 
line-height:2em; 
/*rest of styles here*/ 
.... 
} 

の.cssおよび添付のHTMLは次のようになります。

sb.Append("<a href='#' class=' custom-style-a' .....>"); 

利点：

実装が簡単、後で簡単にスタイルを維持することができます。複雑な書式は必要ありません。必要に応じてスタイルを再利用してください。

Answer 4

問題は、あなたのHTML文字列を構築してきた方法である...このコードで

"<a href='#' style='font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;color:#fff;text-decoration:none;line-height:2em;font-weight:bold;text-align:center;display:inline-block;border-radius:5px;text-transform:capitalize;background-color:#208ed5;margin:0;border-color:#208ed5;border-style:solid;border-width:10px 20px' target='_blank'>"

style属性は、スタイルを開き、単一引用符ので、ここでstyle='font-family:'を停止しますルールは閉鎖されています...したがって、あなたの他のルールはこのスタイルにも考慮されません。

ソリューション：あなたは本当にあなたがそれにスペースをフォントファミリ名を持つすべてで、あなたがする必要がある場合、あなただけのstyle='font-family:Helvetica,Arial,sans-serif;

を言うことができます。..引用符でのfont-familyの値をラップする必要がいけません引用符で囲みます。

---

編集1：もしあなたのフォントファミリ名では..あなたが引用符でそれらをラップする必要があるスペースが含まれているので、あなたは引用符でHelvetica Neueをラップする必要があります。二重引用符を追加し、その意味をバックスラッシュでエスケープしてください。

style='font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif;

Answer 5

二重引用符を使用しかし、エスケープ文字と、そのように：

sb.Append("<a href=\"#\" style=\"font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-size:14px;color:#fff;text-decoration:none;line-height:2em;font-weight:bold;text-align:center;display:inline-block;border-radius:5px;text-transform:capitalize;background-color:#208ed5;margin:0;border-color:#208ed5;border-style:solid;border-width:10px 20px\" target=\"_blank\">"); 
sb.Append("link</a>"); 

それとも、常に連結の古い方法を使用することができます

string sb = "<a href=\"#\" style=\"font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-size:14px;color:#fff;text-decoration:none;line-height:2em;font-weight:bold;text-align:center;display:inline-block;border-radius:5px;text-transform:capitalize;background-color:#208ed5;margin:0;border-color:#208ed5;border-style:solid;border-width:10px 20px\" target=\"_blank\">"; 
sb += "link</a>";