• Forum
• TYPO3 CMS: Backend
• Rich Text Editor
• jede RTE Ausgabe (auch aus eigenen plugi...

jede RTE Ausgabe (auch aus eigenen plugins) mit <div> wrappen

• Mr.TRTD
  Padawan

  0 x

  58	Beiträge
  0	Hilfreiche Beiträge

  • Facebook
  • Twitter

  13. 11. 2009, 12:19

  Hallo Leute,

  Da der RTE nicht grundsätzlich eine Klasse an die p Tags hängt, und auch die anderen HTML Tags keine besondere Notation erhalten, würde ich gerne wissen, wie ich per TS um jedes RTE Element, dass Typo rendert, ein div der Art <div class="RTE">|</div> wrappen kann.

  So wäre es ohne Probleme möglich, jedes Element innerhalb einer RTE Ausgabe exakt zu stylen.

  Ein innerWrap oder outerwrap um die entsprechenden tt_content Elemente reicht nicht, da der RTE ja auch in eigenen Plugins / Extesnions eingebunden sein kann.

  Das würde das Styling erheblich vereinfachen.

  Ich suche also irgendwas in der Art:
  Wenn RTE im FE gerendert wird dann stdWrap.wrap = <div class="rte">|</div>

• 1

• m.z.
  Padawan

  0 x

  50	Beiträge
  0	Hilfreiche Beiträge

  • Facebook
  • Twitter

  21. 11. 2009, 05:57

  Hallo Mr.TRTD,

  eine 100%ige Lösung habe ich leider nicht für Dich aber eine für die RTE-Ausgabe normaler Textblöcke (Contentelement: Text).

  Im TS-Setup (am besten als letzte Anweisungen)
  [TS]// Eigener Wrapper um den RTE-Text von Text.
  tt_content.text.20.wrap = <div class="csc-text-text"> | </div>

  // Zuweisen der Konstruktion in eine LIB.
  lib.tt_content.text.20 < tt_content.text.20
  // Den o.g. Wrapper wieder entfernen.
  lib.tt_content.text.20.wrap =
  lib.tt_content.text.20.wrap >

  // Original Anweisungen aus der tx_cssstyledcontent:
  tt_content.textpic.20 =< tt_content.image.20
  tt_content.textpic.20 {
  // Hier die LIB und nicht(!) tt_content.text.20 zuweisen.
  text.20 =< lib.tt_content.text.20
  // Habe die original-Class-Anweisung um "csc-text-text" erweitert.
  text.wrap = <div class="csc-textpic-text csc-text-text"> | </div>
  }[/TS]

  [b]Ergebnis:[/b]

  • [b]"text"[/b] = <div class="css-text-text">...[i]RTE-Ausgaben[/i]...</div>
    [b]"textpic"[/b] = <div class="css-textpic-text">...[i]RTE-Ausgaben[/i]...</div>

  
  Das kannst Du dann als Ausgangspunkt für Deine CSS-Anweisungen nehmen.

  [b]Erklärung:[/b]

  tx_cssstyledcontent wrappt im Element "textpic" den jeweiligen Text mit "csc-textpic-text".

  Das normale Textelement "text" bleibt ungewrappt.

  Mit der o.g. Lösung wird auch der Text eines normales "text"-Elements gewrappt. Der ganze restliche TS-Aufwand mit LIB etc. dient nur dazu einen Doppel-Wrap um "textpic" zu vermeiden.

  [b]Ohne den o.g. restlichen TS-Code ergibt das sonst...[/b]
  [HTML]<div class="csc-textpic-text">
  <div class="csc-text-text">
  RTE-Textausgaben...
  </div>
  </div>[/HTML]
  [b]...was so nicht gewollt ist![/b]
  Bessere Lösung: Die "textpic"-Class a'la "csc-textpic-text csc-text-text" erweitern.

  Hoffe, es hilft Dir etwas weiter. Ansonsten, wer das einfacher lösen kann, einfach hier rein posten...

  VG, Matthias

• 1

• Zurück