hy,
ich bin dabei zuverstehen wie man den RTE mit CSS konfiguriert. Ich blicke da aber einfach nicht durch. #angry#
mein Problem:
ich versuche dem RTE beizubringen welche html Tags er im Hintergrund zu setzen hat wenn man mit ihm arbeitet.
ich versuche jetzt mal das Prinzip zu erklären wie ich es verstehe wie der RTE arbeitet.
1.man benötigt diverse Extensions in typo 4.1.1 die von haus aus mit geliefert werden rtehtmlarea 1.5.2 und css_styled_content 0.3.1
2. die funktionalität des RTE befindet sich im TSconfig Feld unter Info -> Seiten TSconfig erreichbar
So jetzt will man natürlich das die Sachen im RTE so dargestellt werden wie sie auf der Web - Seite aussehen sollen, d. h. ihm muss beigebracht werden
1. mit welchem CSS die Hompagearbeitet.
2. wie die html tags aussehen sollen die hinter dem eingegeben text stehen.
Ersteres ist nicht schwer man fügt folgende Zeilen im Tsconfig ein:
RTE.default{
contentCSS = fileadmin/irb/style/rte.css
useCSS = 1
}
So zweiteres ist schon wesentlich komplexer und ich blick bei den ganzen Schmutz im inet auch nicht mehr richtig durch. typo3.com ist auch nicht gerade Anfängerfreundlich sobald man von den sinnlosen vormach Tutorials abweicht muss man schon voll Profi sein um zu wissen was wo hingehört und was gennau damit bewirkt werden soll.
Trotzdem muss, wie jeder auch ich mich da durch funzen.
Ich habe fogende klassen erstellt am Ende meiner TSconfig.
RTE.default{
contentCSS = fileadmin/irb/style/rte.css
useCSS = 1
showTagFreeClasses = 1
classesCharacter = redtext,seitenTitel
classesParagraph = important, text
showStatusBar = 1
proc {
allowTagsOutside = img,hr
allowTags = table, tbody, tr, th, td, h1, h2, h3, h4, h5, h6, div, p, br, span, ul, ol, li, re, blockquote, strong, em, b, i, u, sub, sup, strike, a, img, nobr, hr, tt, q, cite, abbr, acronym
keepPDIVattribs = align,class,style, id
HTMLparser_rte {
allowTags < RTE.default.proc.allowTags
keepNonMatchedTags = 0
}
}
}
RTE.config.tt_content.bodytext {
proc.allowedClasses = redtext, seitenTitel
}
RTE {
classes {
redtext {
name = Rot
value = color: #AA0000;
}
important {
name = Wichtig
value = color: #00FF00;
}
seitenTitel {
name = Titel
value = width:550px, font-size:16px,
font-weight:bold, background-color:#f0f6fa, border:solid #dae9f7, border-width:2px 0px 2px 0px, padding:3px 5px 3px 30px, margin:0px;
}
text{
name = Inhalt
value = background-color:#ffffff, padding:15px 10px 15px 10px, margin:0px 0px 0px 150px;
}
}
}
die ersten 3 Klassen werden auch angezeigt.
jedoch seitenTitel. kann er schonmal nicht richtig in die Datenbank speichern da auf der seite immer folgendes steht;
<h1 class="seitenTitel">Überschrift</h1>
So die 4 Klasse wird schon garnicht mehr angezeigt keine Ahnung wieso.
Noch etwas ist mir aufgefallen obwohl die Klasse seitenTitel unter classesCharacter = redtext,seitenTitel steht ist sie in der Drop Down Bobx Absatz zufinden. ab hier verlier ich jeden Überblick wäre cool wenn mir jemand Helfen könnte. ich komm einfach kein Stück voran und ich wollte eigentlich soweit kommen das ich über egal welche besch***ne Drop Down Box ever ich entspannt meinen begriff auswählen kann und der RTE mir brav das Tag dahin setzt was ich in der TSconfig bzw. CSS definiert habe.
noch mal kurz zu klassen
redtext {
name = Rot
value = color: #AA0000;
}
name ist der Anzeigename in der Drop Down Box redtext ist das Synonym auf welches es in der CSS verweißt. wenn ich jetzt z.B. gerne <div id="text"> ihm beibringen will.
schreib ich dann einfach
id{
text{
}} anstatt classes? so einfach isses aber nicht und am schlimmsten find ich das man keine anständigen Referenzen oder Tutorials zu sowas findet. #angry# #angry# #angry#