Zum Inhalt springen

RTE umwandeln bzw. umbenennen!

Erstellt am 9. Dezember 2009 · 4 Antworten · letzte Antwort am 15. Dezember 2009

Tags: Inhaltselemente, HTML & CSS, Frage

oculus85 ·

Hallo,

ich stehe im moment vor einen Problem. Es kann sein das dieses Thema schon gibt. Leider habe ich nach 4 Tagen recherche nicht passendes gefunden, bzw. habe den überblick nicht bekommen.

Bei einen normalen RTE zeigt mir der Quellcode dies an:

<div id="inhalt">
  <a id="c1"></a>
  <div class="csc-header csc-header-n1">
    <h1 class="csc-firstHeader">Überschrift</h1>
  </div>
  <p class="bodytext">Lorem ipsum his .....</p>
</div>

Ich will aber gerne so haben: (RTE in div umwandeln bzw. class ändern)

<div id="inhalt">
  <div class="uberschrift">Überschrift</div>
  <div class="text">Lorem ipsum his .....</div>
</div>

Ich weiß das ich das im TS ein paar zeilen eingeben muss, die frage ist nur, wie lautet die? Dennoch sollte aber RTE benutzbar sein.

Desweiteres möchte ich gerne wissen was dieser Script auf sich hat und ob man genauso gut verzichten könnte:

<a id="c1"></a>

Ich bin für jede Antwort sehr dankbar!

LG oculus

Mopps ·
<div id="inhalt">
  <div class="uberschrift">Überschrift</div>
  <div class="text">Lorem ipsum his .....</div>
</div>

Für das gibt es in HTML übrigens bereits etwas. Wie wärs denn mit:

<div id="inhalt">
  <h1>Überschrift</h1>
  <p>Lorem ipsum his .....</p>
</div>

Zu deiner anderen Frage:

<a id="c1"></a>

Das ist ein Anker, den TYPO3 automatisch vor jedes Inhaltselement rendert. Dadurch kannst du auch direkt im RTE auf jedes beliebige Inhaltselement linken.

Mopps ·

Achso, noch zu deiner ursprünglichen Frage. Ich verwende immer folgendes TYPO-Script, um die Formatierungen von TYPO3 etwas "aufzuräumen".

# RTE Tuning
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class >
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.remapTag >
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.DIV.class >
# Klassen in Tabellen zulassen
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >
# keine P-Tags in TDs generieren aber trotzdem Inhalt parsen
lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default >
lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default.stdWrap.parseFunc =< lib.parseFunc  

# Angabe von Tags, die nicht mit einem zusätzlichen wrap umgeben werden dürfen
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.encapsTagList = cite, div, p, pre, h1, h2, h3, h4, h5, h6

# Entfernt die zusätzlichen CSS-Klassen
lib.stdheader.3 = LOAD_REGISTER
lib.stdheader.3.headerClass =
lib.stdheader.3.headerClass.noTrimWrap = |
lib.stdheader.stdWrap.dataWrap = |

# Standard-Headings aufräumen
lib.stdheader.stdWrap.dataWrap = |
lib.stdheader.10.1.fontTag = <h2>|</h2>
lib.stdheader.10.2.fontTag = <h2>|</h2>
lib.stdheader.10.3.fontTag = <h3>|</h3>
lib.stdheader.10.4.fontTag = <h4>|</h4>
lib.stdheader.10.5.fontTag = <h5>|</h5>

# Unterdrückt den Umbruch mit <br />
lib.stdheader.10.stdWrap.wrap = |

# Wirft das CLEAR.GIF raus
tt_content.textpic.20.spaceBelowAbove = 0
tt_content.image.20.spaceBelowAbove = 0
tt_content.header.stdWrap.space = 0|0
tt_content.stdWrap.space = 0|0
tt_content.stdWrap.spaceBefore = 0
tt_content.stdWrap.spaceAfter = 0
lib.stdheader.stdWrap.space = 0|0

# Content Elemente aufräumen und Kommentare entfernen
# tt_content.stdWrap.dataWrap >
tt_content.stdWrap.prefixComment >
tt_content.header.20.dataWrap >
tt_content.header.20.prefixComment >
tt_content.default.prefixComment >
tt_content.text.stdWrap.prefixComment >
tt_content.text.20.prefixComment >
tt_content.textpic.20.stdWrap.prefixComment >
tt_content.table.20.stdWrap.prefixComment >
tt_content.mailform.20.stdWrap.wrap >
tt_content.menu.20.stdWrap.prefixComment >
tt_content.image.20.stdWrap.prefixComment >
tt_content.list.20.stdWrap.prefixComment >

# entfernt 1-pixel CLEAR.GIF über jedem Bild mit Text
tt_content.textpic.20.noStretchAndMarginCells = 1

# entfernt 1-pixel CLEAR.GIF über jedem Bild
tt_content.image.20.noStretchAndMarginCells = 1

# Entfernen des clear.gif bzw. der Abstände nach Seitenelementen
content.headerSpace = 0|0
content.space = 0|0

# entfernt automatische Abstände
styles.content.imgtext.colSpace = 0
styles.content.imgtext.rowSpace = 0
styles.content.imgtext.textMargin = 10

# Noch ein paar <br /> entfernen
styles.content.imgtext.caption.1.wrap = |
styles.content.imgtext.caption.1.spaceBefore = 0
styles.content.imgtext.caption.1.br = 0
oculus85 ·

Hallo, erstmal vielen Dank für die Antwort und Erklärung!

Das mit dem Commentar im Header bereich, stimmt etwas nicht. vielleicht finde ich ja den fehler noch!

Du hast mehr als das, was ich für die Fragestellung brauchte, geschickt. Ich kann das eine oder andere später gut gebrauchen. Also nochmal danke!

Achja, eine frage habe ich noch:

# Angabe von Tags, die nicht mit einem zusätzlichen wrap umgeben werden dürfen
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.encapsTagList = cite, div, p, pre, h1, h2, h3, h4, h5, h6

Was hat das genau zu bedeuten? Bzw. was macht dieser code?