Información de estilo para las etiquetas HTML de los boletines

Al crear un boletín HTML en TYPO3 con css_styled_content, se deben utilizar estilos inline para los encabezados, párrafos o enlaces. Esta es la única manera de definir la salida correcta en los distintos clientes de correo electrónico.

Algunos ajustes útiles en el Typoscript:

## Cabeceras
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>  
} 
## añadir estilo a p
tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes.P.style = font-family:Arial, Helvetica, sans-serif;color: #666B6E; font-size: 13px; 
## añadir un estilo de etiqueta
lib.parseFunc_RTE.tags.link.typolink.ATagParams = style="color: #12BAE2; text-decoration:0; font-weight: bold;"

Si se introduce un encabezamiento en el campo de texto RTE, también debe tener una especificación de estilo:

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: 09.04.2025