[TYPO3-UG Spain] problemas con htmlarea

[Nicolas Puente]

Enrique, eso ya lo he entendido. El usuario ni tiene porqué saber nada.
Imagina que el usuario escoge en la lista titulo. Titulo lo tiene el que 
hizo el script  como h1 y lo configura para el div de la columna central 
como rojo (para las otras de otra forma). Eso es todo. El redactor sólo 
escogerá las opciones que tú le dejes, y esas opciones las has 
configurado tú en el css, pero al redactor no le interesa. Sólo usa lo 
que tiene a mano.
Tú le configuras las clases para que no se escape del diseño y el las 
usa como si estuviese en Word.
Te pongo un ejemplo:

TS
#Items in header_layout
TCEFORM.tt_content.header_layout.removeItems = 0, 5, 100
TCEFORM.tt_content.header_layout.altLabels.1 = Titulo #equivale a H1
TCEFORM.tt_content.header_layout.altLabels.2 = Subtítulo 1 #equivale a H2
TCEFORM.tt_content.header_layout.altLabels.3 = Subtítulo 2 #equivale a H3
TCEFORM.tt_content.header_layout.altLabels.4 = Ningún contenido. 
#equivale a nada, sin contenido

Para el redactor se trata de posibilidades de formatear un título. Él no 
tiene que pensar en divs ni en párrafos ni en nada. Sólo usa lo que le 
has dejado y has configurado para él.

En el css:
/* Columna 1 y dos */
#eins_col h1,  #eins_col h2, #eins_col h3,
#zwei_cols_eins h1,  #zwei_cols_eins h2, #zwei_cols_eins h3,
#drei_cols_eins h1,  #drei_cols_eins h2, #drei_cols_eins h3,,
#drei_cols_zwei h1,  #drei_cols_zwei h2, #drei_cols_zwei h3 {
    color : #A03323;
    padding-top: 0pt;
    padding-right: 0pt;
    padding-bottom: 0pt;
    padding-left: 25px;
    background-image: url(bilder/bullet.gif);
    background-repeat: no-repeat;
    background-x-position: 0pt;
    background-y-position: 1px;
    border : thin solid #ffffff;
    border-width : 0 0 1px 0;
}
#eins_col h1, #zwei_cols_eins h1, #drei_cols_eins h1, #drei_cols_zwei h1 {
    font-size : 11pt;
}
#eins_col h2, #zwei_cols_eins h2, #drei_cols_eins h2, #drei_cols_zwei h2 {
    font-size : 10pt;
}
#eins_col h3, #zwei_cols_eins h3, #drei_cols_eins h3, #drei_cols_zwei h3 {
    font-size : 9pt;
}

/* Columana 3 (derecha)*/
#rechtespalte h1,  #rechtespalte h2{
    color : #A03323;
    padding-top: 0pt;
    padding-right: 0pt;
    padding-bottom: 0pt;
    padding-left: 20px;
    background-image: url(bilder/bullet.gif);
    background-repeat: no-repeat;
    background-x-position: 0pt;
    background-y-position: 1px;
    border : thin solid #ffffff;
    border-width : 0 0 1px 0;
}
#rechtespalte h1 {
    font-size : 9pt;
}
#rechtespalte h2 {
    font-size : 8pt;
}
Esto lo puedes hacer con todo lo que te interese.
Saludos.