Hallo,
bei mit werden die p-Tags im HTML-AREA Backend anders formatiert als auf der Seite.
Und zwar ist ein Abstand danach sichtbar. Quasi ein margin-bottom.
Im CSS welches auch dem Ausehen der Seite entspricht ist aber margin:0 eingestellt.
Ansonsten ist die Formatierung, Farben etc. im RTE Backend wie auf der Seite.
Woher kommt dies?
Dann schau doch mal im Quelltext nach, ob da nicht ein Inline-Style verwendet wird.
Nein. Es handelt sich um <p> Tags ohne class oder irgendwas.
P ist im CSS definiert.
Dann versteh ich nicht, was du meinst.
dein CSS wird ja im Frontend eingebunden und nicht im Backend -> wird erst im FE aktiv
Ich vermute, es liegt daran, dass die <p>-Tags in der Ausgabe im Webbrowser noch ein Attribut 'class="bodytext"' zugewiesen bekommen, das sie beim Berarbeiten im htmlarea nicht besitzen.
Deine CSS-Angaben für p und p.bodytext sollten übereinstimmen.
Damit htmlarea die CSS-Angaben berücksichtigt, muss im TSconfig der root-Seite folgende Zeile eingetragen sein:
RTE.default.contentCSS=fileadmin/templates/screen.css
wobei natürlich Pfad und Name der CSS-Datei angepasst werden müssen; da ja bei dir Farben und Formatierung im htmlarea bereits richtig angezeigt werden, hast du das wahrscheinlich bereits gemacht.
Hallo obitas,
du hattest Recht mit:
Ich vermute, es liegt daran, dass die <p>-Tags in der Ausgabe im Webbrowser noch ein Attribut 'class="bodytext"' zugewiesen bekommen, das sie beim Berarbeiten im htmlarea nicht besitzen.
Kann man alternativ auch das "bodytext" herauskonfigurieren?
Er "ergänzt" das bodytext ja nur, wenn ich im RTE keine class zuweise.
Das 'class="bodytext"' kommt von der cssstyledcontent-Extension.
Folgende Typoscript-Zeile im Template-Setup entfernt dies:
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P >
eh, P und P.bodytext gleichzusetzen hat nicht geholfen.
Ich habe deshalb mal ausprobiert wenn ich im RTE auch class="bodytext" zum P-Tag hinzutrage.
Es bleibt dabei. HTML ist quasi das selbe:
RTE:
<p class="bodytext">Hallo</p>
<p class="text-small">Dies ist ein Test</p>
Seite:
<div class="csc-frame csc-frame-default">
<p class="bodytext">Hallo</p>
<p class="text-small">Dies ist ein Test</p>
</div>
Trotzdem sieht es in der Seite anders aus als im RTE. [/img]
Ich habe weiter herumprobiert und folgendes eingegrenzt.
Im RTE werden alle im CSS definierten class'es übernommen. Farben, Abstände etc.
Nur für P und P.bodytext kann ich im CSS definieren was ich will. Er nimmt es partou nicht im RTE.
In der Seite hingegen ja.