Zum Inhalt springen

CSS Formatierungen werden im RTE entfernt

Erstellt am 14. Juli 2004 · 4 Antworten · letzte Antwort am 14. Juli 2004

Tags: HTML & CSS, Frage

Dave188 ·

Hallo Leute,

hab heut einige CSS-Klassen in meinen RTE eingebunden.
Das formatieren der Absätze mittels der Klassen funktioniert aus sehr gut.

Jetzt zum Problem:

Jedesmal wenn ich den Text im RTE abspeichere verschwinden alle Formatierungen die ich mittels der selbstdefinierten CSS Klassen gesetzt habe.

Hinweis:
Bei den Standard Klassen wie z.B. H1 funktioniert es da ich diese auch anders formatiert habe.

Woran liegt das denn jetzt schon wieder???

Oh Mann ich krieg von diesem Editor bald Alpträume #evil#

TW ·

hi
ich hoffe du hast ne externe css datei dabei!
weil das was du im rte machst, speichert nicht wirklcih die kompletten CSS ab.....

es speichert nur die divs mit dem titel für die css ab....
stell ihn dir als einen grossen wysiwyg editor vor.............

die css musst du dennoch dabei haben und eingebunden haben..
achte bei der bennung auf die gleichen namen..

aber vielleicht wusstest du das alles längst.. 😉

cu
thorsten

Dave188 ·

Hab eine extene Stylesheet-Datei per Template auf meiner Seite eingebunden.

Würde mir ja einleuchten wenn er deshalb das Ganze nicht richtig darstellen würde aber er übernimmt die Class Angaben ja nicht mal richtig im SourceCode.

Wenn ich in den Quellcode vom RTE schaue sieht das Ganze so aus:

<H1 class="">aaaaaaa</H1>
<DIV class=teaser>aaaaaaa</DIV>
<DIV class=bodyText>aaaaaaa</DIV>

Nachdem ich auf speichern geklickt habe so:

<H1 class="">aaaaaaa</H1>
<P>aaaaaaa</P>
<P>aaaaaaa</P>

Hier der RTE Konfigurationscode in TSConfig:

RTE.default.proc.dontConvBRtoParagraph=1

### Konfiguration des RTE ###START### 
  RTE.default { 
    # Auszeichnungen, die ich nicht benötige 
    hidePStyleItems = H2,H3,H4,H5,H6,PRE,P 
    # Von mir "erfundene" Absatzformate 
    classesParagraph = teaser,bodyText 
    # Überscheiben der Typo3 Standard-Styles für H1 und Body, damit diese auch im BE korrekt dargestellt werden 
    mainStyleOverride_add.H1 = color:#FF962C; font-size: 12px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; 
    mainStyleOverride_add.Teaser = color:#FF962C; font-size: 16px; font-weight: bold; margin-top: 0px; margin-bottom: 0px;
    mainStyleOverride_add.BODY = font-family:arial,helvetica,sans-serif; font-size: 10px; background-color:#FFFFFF; color:#000000; margin:10px; 
  } 

  RTE.classes { 
    # Meine Absatzvorlagen in den RTE einbinden 
    teaser { 
      name = Teaser 
      value = margin-top: 10px; font-size: 11px; line-height:20px; font:bold; 
    } 
    bodyText { 
      name = Fliesstext 
      value= margin-top: 10px;font-size:11px; line-height: 20px; color: #444444 
    } 
  } 
### Konfiguration des RTE ###ENDE###
Dave188 ·

Im Quellcode der Page schauts dann so aus:

<!--  CONTENT ELEMENT, uid:20/text [begin] -->
		<a name="20"></a>
		<!--  Text: [begin] -->
			<h1>aaaaaaa</h1>
<p class="bodytext">aaaaaaa
</p>
<p class="bodytext">aaaaaaa</p>
		<!--  Text: [end] -->