Applicazione dello stile al tag <a href> inserito nel codice C#

Question

Sto utilizzando il codice html all'interno di un file .cs per progettare un modello per l'invio di e-mail. Ho aggiunto un tag di stile al tag <a href>, ma non ha effetto quando l'email viene effettivamente inviata. ecco il codice:

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

sfuggire alle citazioni con backslash:

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

Non è possibile annidare virgolette singole all'interno di virgolette singole. Si utilizza 'Helvetica Neue' all'interno di style = '... 'Helvetica Neue' ...'.

Anche io vedo che si hanno già virgolette doppie attorno all'elemento di ancoraggio, quindi aggiungere direttamente virgolette doppie dopo lo stile sarà problamatico. Dovrai usare il carattere di escape \" invece di " dopo lo stile come già spiegato da Bhojendro.

Answer 3

E 'semplice, definire lo stile nel file css di classe e assegnare classe qui nel back-end. Esempio:

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*/ 
.... 
} 

E html allegato sarà:

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

Vantaggi:

semplice da realizzare, può facilmente mantenere stili tardi. Non è richiesta alcuna formattazione complessa, riutilizzare gli stili se necessario.

Answer 4

Il problema è con il modo in cui avete costruito la vostra stringa HTML ...

In questo codice

"<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'>"

L'attributo style si fermerà qui style='font-family:' poiché le virgolette singole che apre lo stile le regole sono chiuse ... Quindi le tue altre regole non sono nemmeno considerate in questo stile arrtato.

Soluzione: È davvero non hanno bisogno di avvolgere i valori font-family tra virgolette .. si può solo dire style='font-family:Helvetica,Arial,sans-serif;

Se a tutto si dispone di un nome font-family con spazi in esso poi si deve inseriscilo tra virgolette.

---

Edit 1: Se il tuo nome font-family contiene spazio necessario per avvolgerli tra virgolette .. Così si deve avvolgere il Helvetica Neue tra virgolette. Aggiungi una doppia citazione e sfuggi al suo significato usando la barra rovesciata .. Come di seguito ..

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

Answer 5

Utilizzare le virgolette doppie, ma con caratteri di escape, così:

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>"); 

Oppure si può sempre utilizzare il vecchio modo di concatenare:

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>";