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;

Weitere Tipps für E-Mail Newsletter

In der aktuellen Ausgabe 26 des t3n Magazins erläutern wir, wie man die Fallstricke beim Versand eines HTML Newsletters umgehen kann. 

Hier gibt es den kompletten TypoScript, HTML und TSconfig Code für den Artikel.