Zum Inhalt springen

Style Angaben für HTML Tags für Newsletter

Beim Erstellen eines HTML Newsletters in TYPO3 mit css_styled_content müssen für Überschriften, Paragraphen oder Links inline Styles verwendet werden. Nur so kann die richtige Ausgabe in den verschiedenen E-Mail Clients definiert werden.

Einige hilfreiche Anpassungen im Typoscript:

## Ueberschriften
lib.stdheader.10 {
  1.dataWrap = <h1 style="padding:0; margin:0px 10px 10px 10px; font-family: Arial, Helvetica, sans-serif; font-size:25px; line-height:33px; color:#333333;">|</h1>
  2.dataWrap = <h2 style="padding:0; margin:0px 10px 10px 10px; font-family: Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; color:#333333;">|</h2>
  3.dataWrap = <h3 style="padding:0; margin:10px; font-family:  Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color:#333333;">|</h3>
  4.dataWrap = <h4 style="padding:0; margin:10px; font-family:  Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color:#333333;">|</h4>  
} 
## p mit style versehen
tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes.P.style = font-family:Arial, Helvetica, sans-serif;color: #666B6E; font-size: 13px; 
## a tag style hinzufügen
lib.parseFunc_RTE.tags.link.typolink.ATagParams = style="color: #12BAE2; text-decoration:0; font-weight: bold;"

 

Wenn eine Überschrift im RTE Textfeld eingegeben wird, so muss diese auch eine Style Angabe bekommen:

tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes.H2.style = padding:0; margin:0px 10px 10px 10px; font-family: Arial, Helvetica, sans-serif; font-size:25px; line-height:33px; color:#333333;

 

Aktualisiert: 21.04.2024