Löse das doch einfacher und vor allem schöner über Klassen für die Absätze, die du dann im RTE auswählst:
p {
font-size: 1em;
}
p.klein {
font-size: 0.9em;
}
p.gross {
font-size: 1.1em;
}
etc.
Grüße
htmlarea / RTE (Konfiguration) - so gehts
Hallo,
hab ein ähnliches Problem wie photek, nur mit der Schriftfarbe und dem Hintergrund. Die Tags <span style="..."> haut er mir einfach raus.
Habe als Basis auch die Konfiguration aus dem Thread hier und einige Anpassungen gemacht, aber ich denke, irgendwo steht noch was drin, was ich nicht mag ... vielleicht sieht es jemand von Euch, wo der Wurm ist, ich bin die Konfiguration schon zig mal durchgegangen.
mod.SHARED.colPos_list = [0, 2]
## RTE Klasse des Interface (Ausrichtung)
RTE.classes {
align-left {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyleft
value = text-align: left;
}
align-center {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifycenter
value = text-align: center;
}
align-right {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyright
value = text-align: right;
}
}
## RTE Konfiguration
RTE.default {
contentCSS = fileadmin/css/content.css
useCSS = 0
## Markup options
enableWordClean = 1
removeTrailingBR = 1
removeComments = 1
#removeTags = center, sdfield
#removeTagsAndContents = style,script
## Buttons die gezeigt/versteckt werden
showButtons = textstyle, textstylelabel, blockstyle, blockstylelabel, bold, italic, underline, left, center, right, subscript, superscript, outdent, indent, orderedlist, unorderedlist, insertcharacter, line, link, image, removeformat, table, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge, insertcharacter, undo, redo, copy, cut, paste, textcolor, bgcolor, chMode
hideButtons = fontstyle, fontsize, formatblock, strikethrough,lefttoright, righttoleft, textindicator, emoticon, user, spellcheck, justifyfull, acronym, showhelp, about, findreplace, inserttag
## Hält die RTE Icons gegroupt zusammen
keepButtonGroupTogether = 1
## blendet Statusbar in htmlarea aus
showStatusBar = 0
## Add styles Left, center and right alignment of text in paragraphs and cells.
inlineStyle.text-alignment (
p.align-left, h1.align-left, h2.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center,td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, td.align-right { text-align: right; }
)
## Use stylesheet file rather than the above mainStyleOverride and inlineStyle properties to style the contents (htmlArea RTE only)
ignoreMainStyleOverride = 1
proc {
# tags die erlaubt / verboten sind
allowTags = font, table, tbody, tr, th, td, h1, h2, 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, center
denyTags = h3, h4, h5, h6
# br wird nicht zu p konvertiert
dontConvBRtoParagraph = 1
# tags sind erlaubt außerhalt von p, div
allowTagsOutside = img,hr,span
# erlaubte attribute in p, div tags
keepPDIVattribs = align,class,style,id
# List all class selectors that are allowed on the way to the database
allowedClasses (
external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail,
align-left, align-center, align-right, author
)
# html parser einstellungen
HTMLparser_rte {
# tags die erlaubt/verboten sind
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags
# tags die untersagt sind
#removeTags = font
# entfernt html-kommentare
removeComments = 1
# tags die nicht übereinstimmen werden nicht entfernt (protect / 1 / 0)
keepNonMatchedTags = 0
}
# Content to database
entryHTMLparser_db = 1
entryHTMLparser_db {
# tags die erlaubt/verboten sind
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags
# CLEAN TAGS
noAttrib = b, i, u, strike, sub, sup, strong, em, quote, blockquote, cite, tt, br, center
rmTagIfNoAttrib = span,div,font
# align attribute werden erlaubt
tags {
p.fixAttrib.align.unset >
p.allowedAttribs = class,style,align
div.fixAttrib.align.unset >
hr.allowedAttribs = class
span.allowedAttribs = class,style
# b und i tags werden ersetzt (em / strong)
b.remap = strong
i.remap = em
# img tags werden erlaubt
img >
}
}
}
## Classes: Ausrichtung
classesParagraph (
align-left, align-center, align-right
)
# Classes: Eigene Stile
classesCharacter = headline1, headline2, text, text_small, legend, news_text, news_text_last, image_left, image_right, pdf_link, viewlet_link
# Classes für Links (These classes should also be in the list of allowedClasses)
classesAnchor = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail
classesAnchor.default {
page = internal-link
url = external-link-new-window
file = download
mail = mail
}
## zeigt alle CSS-Klassen die in content.css vorhanden sind
showTagFreeClasses = 1
## Do not allow insertion of the following tags
#hideTags = font
## Tabellen Optionen in der RTE Toolbar
hideTableOperationsInToolbar = 0
keepToggleBordersInToolbar = 1
## Tabellen Editierungs-Optionen (cellspacing/ cellpadding / border)
disableSpacingFieldsetInTableOperations = 0
disableAlignmentFieldsetInTableOperations=0
disableColorFieldsetInTableOperations=0
disableLayoutFieldsetInTableOperations=0
disableBordersFieldsetInTableOperations=0
}
## Use same processing as on entry to database to clean content pasted into the editor
RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db
## FE RTE configuration (htmlArea RTE only)
RTE.default.FE < RTE.default
RTE.default.FE.userElements >
RTE.default.FE.userLinks >
TCEFORM.tt_content {
bodytext.RTEfullScreenWidth= 80%
}
}
## vordefinierte Farben
RTE.colors {
color1 {
name = st-red
value = #ff3300
}
color2 {
name = st-gray
value = #e6e6e6
}
color3 {
name = st-darkgray
value = #959595
}
}
RTE.default.colors = color1, color2, color3
RTE.config.tt_content.bodytext.proc.allowedClasses < RTE.default.classesCharacter
Bin für jede Hilfe dankbar, ich häng zur Zeit an so vielen Punkten, diese Woche war einfach nicht die meine 😢
Hallo all ihr Lieben,
ich habe jetzt wirklich alles gelesen, was in diesem Forum über den RTE htmlarea
zu lesen war und nicht nur das, auch Google konnte mir nicht helfen.
Ich habe dutzende von Scripts im PageTSConfig ausprobiert ...
alles umsonst...
Mein konkretes Problem:
Wenn ich im RTE einem Text ein Überschriftformat zuweise, z. B. H1,
dann steht im Frontend
<h1>text</h1>
Ich hab keine Ahnung mehr.
Kann jemand helfen ????
Ich betreibe T3 4.1.1
Firefox/2.0.0.5
Vieleicht, wenn das nicht zuviel verlangt ist, könnte jemand zusätzlich sein
funktionierendes PageTSConfig und das zugehörige CSS hier noch einmal veröffentlichen.
Alle hier veröffentlichten haben ja irgend einen Fehler und aus den Antworten dann das Passende zusammenzusetzen ... naja, ihr wisst schon!
Etwas länger geworden, mein Beitrag, ich hoffe ihr verzeiht und seid bereit zu helfen.
Liebe Grüße
Alexander
Hallo,
ist denn niemand bereit zu helfen ?!?
Ich habe das mit den H-Tags dadurch hinbekommen, dass ich
# Sorgt dafür, dass im Frontend auch die Absatzformate H1, H2 usw. angezeigt werden
tt_content.text.20.parseFunc.allowTags = TBODY,TR,TD,TABLE,embed,h1,h2,h3,h4,h5,h6,br,b,font,ul,li,ol,img,hr,u,span,div,p,u,i,th,td,tr,style,class
im Root-Template eingegeben habe.
Allerdings wird Kursiv und unterstrichen angezeigt, fett aber nicht.
Ich verstehe das nicht und bitte dringend um Hilfe.
Liebe Grüße
Alexander
Hallo Alexander,
ich kann Dir leider nicht bei Deinem H1-Problem helfen; ich blick die Konfiguration selbst nicht und hab jetzt ewig gebraucht, bis er bei mir mal die Farbe angenommen hat. Bei mir lag es wohl an dem "enableWordClean".
Ich fahr bei meiner Konfiguration sozusagen auf "Sparflamme", sind nur Sachen drin,die ich verstehe, aber die Buttons funktionieren alle, soweit ich das beurteilen kann (bin gerade erst fertig geworden).
Hier meine TSConfig:
## Shows the columns center and right
mod.SHARED.colPos_list = [0, 2]
## RTE Configuration
RTE.default {
## Path to CSS-file
contentCSS = fileadmin/css/content.css
useCSS = 0
## shows all classes in the file above in paragraph-selection
showTagFreeClasses = 1
## shows following classen in the text-selection
classesCharacter = headline1, headline2, text, text_red, text_small, news_text, image_left, image_right, pdf_link, viewlet_link, internet_link
## Shown and hidden buttons of RTE
showButtons = textstyle, textstylelabel, blockstyle, blockstylelabel, bold, italic, underline, left, center, right, subscript, superscript, outdent, indent, orderedlist, unorderedlist, insertcharacter, line, link, image, removeformat, table, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge, insertcharacter, undo, redo, copy, cut, paste, textcolor, bgcolor, chMode
hideButtons = formatblock, strikethrough,lefttoright, righttoleft, textindicator, emoticon, user, spellcheck, justifyfull, acronym, showhelp, about, findreplace, inserttag, fontstyle, fontsize
## groups the buttons (view only)
keepButtonGroupTogether = 1
## shows statusbar of rte
showStatusBar = 1
## add styles Left, center and right alignment of text in paragraphs and cells
inlineStyle.text-alignment (
p.align-left, h1.align-left, h2.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center,td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, td.align-right { text-align: right; }
)
## enables following table-options
disableSpacingFieldsetInTableOperations = 0
disableAlignmentFieldsetInTableOperations = 0
disableColorFieldsetInTableOperations = 0
disableLayoutFieldsetInTableOperations = 0
disableBordersFieldsetInTableOperations = 0
proc {
## <br> is not been converted to <p>
dontConvBRtoParagraph = 1
## allowed attributes in p, div tags
keepPDIVattribs = align, class, style, id
## allowed tags outside p, div tags
allowTagsOutside = img,hr,span
## allowed tags outside <p>
allowTags = font, 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, center
denyTags =
## html parser configuration
HTMLparser_rte {
## allowed/denied tags
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags
}
## Content to database
entryHTMLparser_db = 1
entryHTMLparser_db {
## tags die erlaubt/verboten sind
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags
## align attribute werden erlaubt
tags {
p.fixAttrib.align.unset >
p.allowedAttribs = class, style, align
div.fixAttrib.align.unset >
hr.allowedAttribs = class
span.allowedAttribs = class, style
## b und i tags werden ersetzt (em / strong)
b.remap = strong
i.remap = em
}
}
## end of content to database
}
## end of proc
}
## end of RTE.default
## own color-definitions
RTE.colors {
color1 {
name = st-red
value = #ff3300
}
color2 {
name = st-gray
value = #e6e6e6
}
color3 {
name = st-darkgray
value = #aaaaaa
}
}
RTE.default.colors = color1, color2, color3
## size of rte
TCEFORM.tt_content {
bodytext.RTEfullScreenWidth= 80%
}
Vielleicht hilft Dir das ja irgendwie weiter.
Hallo Alexander,
bei mir hat folgendes geholfen:
Web - Template - TypoScript Object Browser (im Dropdown Bereich rechts oben) - auswählen
Im Object Tree Browse:Setup wählen
Und dort dann die Konstante
tt_content - text - 20 - parseFunc - allowTags
editieren; ich habe h1,h2,h3,h4 hinzugefügt oder darunter
bei denyTags den Stern entfernen
LG
elLobo
Hallo RTE Geschädigte,
ich weiss, dass an anderer Stelle mein Problem schon einmal angesprochen wurde, möchte aber im Zuge der RTE Konfiguration diese hier noch mal zur Diskussion stellen:
Wenn ich einen Link, der mehrere Parameter hat, im RTE abspeichere, verstümmelt mir der RTE? den Link und setzt einen rteerror ein - das ganze mit gelben Hintergrund und rot umrandet.
aus dem Link http://www.meine---seite.de/index.php?id=1359&operation=edit&uid=2391 wird
vor dem Speichern sieht es so aus:
<a href="http://www.meine---seite.de/index.php?id=1359&operation=edit&uid=2391" title="Öffnet einen externen Link in einem neuen Fenster" class="external-link-new-window">link</a>
nach dem Speichern so:
<p><a rteerror="No page found: 0" href="http://www.meine---seite.de/?id=1359&operation=edit&u" style="BORDER-RIGHT: red 2px solid; BORDER-TOP: red 2px solid; BORDER-LEFT: red 2px solid; COLOR: black; BORDER-BOTTOM: red 2px solid; BACKGROUND-COLOR: yellow" title="Öffnet einen externen Link in einem neuen Fenster" class="external-link-new-window">link</a></p>
Umgebung: typo3 4.0.4 mit htmlaria/rte 1.4.3
Was muss ich in die TS schreiben, um dem RTE diesen Unsinn auszutreiben?
Gruss aus Stuttgart
So, ich jetzt auch:
Warum werden mir bei meinem RTE die Klassen left und right nicht angezeigt?!
RTE.classes {
blue {
name = blauer Text
value = background-color: #FFFFFF; color: #002E5D;
}
img_left {
name = Bild links ausrichten
value = border: 0.09em solid #002E5D; margin: 0em 0.73em 0.73em 0em; padding: 0em; float: left;
}
img_right {
name = Bild rechts ausrichten
value = border: 0.09em solid #002E5D; margin: 0em 0em 0.73em 0.73em; padding: 0em; float: right;
}
left {
name = links ausrichten
value = float: left;
}
lightblue {
name = hellblauer Text
value = background-color: #FFFFFF; color: #0077AD;
}
nomargin {
name = kein Absatz
value = margin: 0em; padding: 0em;
}
right {
name = rechts ausrichten
value = float: right;
}
}
RTE.default {
contentCSS = fileadmin/templates/css/rte.css
showTagFreeClasses = 1
classesParagraph = left, nomargin, right
classesCharacter = blue, lightblue
classesImage = img_left, img_right
proc {
dontConvBRtoParagraph = 1
allowTagsOutside = img, hr
keepPDIVattribs = align, class, style, id
allowedClasses = blue, img_left, img_right, lightblue, left, nomargin, right
entryHTMLparser_db = 1
entryHTMLparser_db {
tags {
p.fixAttrib.align.unset >
p.allowedAttribs = class, style, align
div.fixAttrib.align.unset >
hr.allowedAttribs = class, style
b.allowedAttribs = class, style
b.remap = strong
i.allowedAttribs = class, style
i.remap = em
}
}
}
RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db
RTE.default.FE < RTE.default
RTE.default.FE.userElements >
RTE.default.FE.userLinks >
RTE.config.tt_content.bodytext.proc.allowedClasses = blue, img_left, img_right, lightblue, left, nomargin, right
Alles andere funktioniert, die beiden Klassen habe ich gestern eingefügt, aber die werden partu ignoriert. Sie sind aber auch in der CSS-Datei, halt so, wie bei den anderen Klassen auch. Gibt es da etwas, was ich noch machen muss? Bei der Klasse lightblue hatte ich auch Probleme, aber da ging das dann einfach irgendwann.
Ich bin für jede Hilfe dankbar.
Liebe Grüße,
Nicole
So,
ich habe das Problem gefunden. Es war nicht das TS (nein, das war richtig ^^), sondern es lag/liegt am Firefox. Der speichertn nämlich die CSS und daher wird der RTE nicht aktualisiert. Auch nach dem Cache löschen wurde die CSS nicht aktualisiert, da hilft nur die Datei im Browser zu öffnen und per <strg>+<f5> manuell aktualisieren.
Dann funktioniert alles.
Liebe Grüße,
Nicole
Hallo zusammen,
ich hab das gleiche Problem, dass ich eigene Klassen definiere (TSconfig und css-datei) und bekomme aber diese nicht in das Drop-Down menü des RTE (Absatz und Text).
Jetzt hab ich die css-Datei im Browser geöffnet und per strg + f5 aktualisiert. funktioniert auch nicht.
Hier meine config:
mod.SHARED.colPos_list = 1,0,2,4,6,5,7
#*** RTE Classe des Interface (Ausrichtung)
RTE.classes {
align-left {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyleft
value = text-align: left;
}
align-center {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifycenter
value = text-align: center;
}
align-right {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyright
value = text-align: right;
}
redBackground {
name = redBackground
value = background: #f03;
}
}
#
# *** Entfernt das Bild vor den Links
RTE.classesAnchor {
internalLink {
class = internal-link
type = page
image >
}
externalLink {
class = external-link
type = url
image >
}
externalLinkInNewWindow {
class = external-link-new-window
type = url
image >
}
internalLinkInNewWindow {
class = internal-link-new-window
type = page
image >
}
download {
class = download
type = file
image >
}
mail {
class = mail
type = mail
image >
}
}
## RTE Konfiguration
RTE.default {
# Zuweisung der CSS-Datei
contentCSS = fileadmin/css/main/typo3-RTE.css
## Markup options
enableWordClean = 1
removeTrailingBR = 1
removeComments = 1
removeTags = center, sdfield
removeTagsAndContents = style,script
# Buttons die gezeigt/versteckt werden
showButtons = *
hideButtons = fontstyle,fontsize,lefttoright,righttoleft,textcolor, bgcolor, textindicator,acronym
# Hält die RTE Icons gegroupt zusammen
keepButtonGroupTogether = 1
# blendet Statusbar in htmlarea aus
showStatusBar = 0
## Add styles Left, center and right alignment of text in paragraphs and cells.
inlineStyle.text-alignment (
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }
)
## Use stylesheet file rather than the above mainStyleOverride and inlineStyle properties to style the contents (htmlArea RTE only)
ignoreMainStyleOverride = 1
proc {
# tags die erlaubt / verboten sind
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, center
denyTags = font
# br wird nicht zu p konvertiert
dontConvBRtoParagraph = 1
# tags sind erlaubt außerhalt von p, div
allowTagsOutside = img,hr
# erlaubte attribute in p, div tags
keepPDIVattribs = align,class,style,id
# List all class selectors that are allowed on the way to the database
allowedClasses (
external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail,
align-left, align-center, align-right, smalltext, directory, orangeBackground, redBackground
)
# html parser einstellungen
HTMLparser_rte {
# tags die erlaubt/verboten sind
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags
# tags die untersagt sind
removeTags = font
# entfernt html-kommentare
removeComments = 1
# tags die nicht übereinstimmen werden nicht entfernt (protect / 1 / 0)
keepNonMatchedTags = 0
}
# Content to database
entryHTMLparser_db = 1
entryHTMLparser_db {
# tags die erlaubt/verboten sind
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags
# CLEAN TAGS
noAttrib = b, i, u, strike, sub, sup, strong, em, quote, blockquote, cite, tt, br, center
rmTagIfNoAttrib = span,div,font
# htmlSpecialChars = 1
## align attribute werden erlaubt
tags {
p.fixAttrib.align.unset >
p.allowedAttribs = class,style,align
div.fixAttrib.align.unset >
hr.allowedAttribs = class
# b und i tags werden ersetzt (em / strong)
b.remap = strong
i.remap = em
## img tags werden erlaubt
img >
}
}
}
# Classes: Ausrichtung
classesParagraph (
align-left, align-center, align-right
)
# Classes: Eigene Stile
classesCharacter = directory,orangeBackground
classesImage = rte_image
classesParagraph = smalltext,orangeBackground,redBackground
# Classes für Links (These classes should also be in the list of allowedClasses)
classesAnchor = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail
classesAnchor.default {
page = internal-link
url = external-link-new-window
file = download
mail = mail
}
# zeigt alle CSS-Klassen die in formate.css vorhanden sind
showTagFreeClasses = 1
# Do not allow insertion of the following tags
hideTags = font
# Tabellen Optionen in der RTE Toolbar
hideTableOperationsInToolbar = 0
keepToggleBordersInToolbar = 1
# Tabellen Editierungs-Optionen (cellspacing/ cellpadding / border)
disableSpacingFieldsetInTableOperations = 1
disableAlignmentFieldsetInTableOperations=1
disableColorFieldsetInTableOperations=1
disableLayoutFieldsetInTableOperations=1
disableBordersFieldsetInTableOperations=0
}
# Use same processing as on entry to database to clean content pasted into the editor
RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db
# FE RTE configuration (htmlArea RTE only)
RTE.default.FE < RTE.default
RTE.default.FE.userElements >
RTE.default.FE.userLinks >
# Breite des RTE in Fullscreen-Ansicht
TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 80%
Ich bin noch Anfänger was Typo3 bzw. TSconfig betrifft, also kann das schon ein banaler Fehler sein.
die Klassen smalltext und orangeBackground(tagfree) funktionieren, die Klasse redBackground funktioniert nicht.
Vllt. kann mir jemand helfen, jetzt schon Danke
Gruß, Wastl
Hallo Wastl,
verschiebe doch die Klasse redBackground, genauso wie die Klassen orangeBackground und smalltext in die CSS und dann sollte diese auch im Dropdown erscheinen.
Ich lagere sowieso immer alle CSS in die CSS-Datei aus 😃.
Viele Grüße
ms_k
Kann mir den jamand sagen wie ich alle diese Einstellungen für die RTE's der verschiedenen Extensions übernehmen kann? Z.Bsp. wie kann ich diese Einstellungen für den RTE der News übernehmen?
Merci
Isa
Hallo liebes Forum,
ich bin neu hier und habe leider viele Fragen :/
am besten ich poste euch mal meine "zusammengeschnippelte" TS-Config:
useCSS = 1
#*** RTE Classe des Interface (Ausrichtung)
RTE.classes {
align-left {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyleft
value = text-align: left;
}
align-center {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifycenter
value = text-align: center;
}
align-right {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyright
value = text-align: right;
}
}
#
# *** Entfernt das Bild vor den Links
RTE.classesAnchor {
internalLink {
class = internal-link
type = page
image >
}
externalLink {
class = external-link
type = url
image >
}
externalLinkInNewWindow {
class = external-link-new-window
type = url
image >
}
internalLinkInNewWindow {
class = internal-link-new-window
type = page
image >
}
download {
class = download
type = file
image >
}
mail {
class = mail
type = mail
image >
}
}
## RTE Konfiguration
RTE.default {
# Zuweisung der CSS-Datei
contentCSS = fileadmin/myclubclub/main.css
## Markup options
enableWordClean = 1
removeTrailingBR = 1
removeComments = 1
removeTags = center, sdfield
removeTagsAndContents = style,script
# Buttons die gezeigt/versteckt werden
showButtons = textstyle, textstylelabel, blockstyle, blockstylelabel, bold, italic, textcolor, underline, left, center, right, orderedlist,chMode, unorderedlist, insertcharacter, line, link, image, removeformat, table, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge, findreplace, insertcharacter, undo, redo, showhelp, about
hideButtons = fontstyle, formatblock, fontsize, strikethrough, lefttoright, righttoleft, bgcolor, textindicator, emoticon, user, spellcheck, inserttag, outdent, indent, justifyfull, subscript, superscript, acronym, copy, cut, paste
# Hält die RTE Icons gegroupt zusammen
keepButtonGroupTogether = 1
# blendet Statusbar in htmlarea aus
showStatusBar = 0
## Add styles Left, center and right alignment of text in paragraphs and cells.
inlineStyle.text-alignment (
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }
)
## Use stylesheet file rather than the above mainStyleOverride and inlineStyle properties to style the contents (htmlArea RTE only)
ignoreMainStyleOverride = 1
proc {
# tags die erlaubt / verboten sind
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, center
denyTags = font
# br wird nicht zu p konvertiert
dontConvBRtoParagraph = 1
# tags sind erlaubt außerhalt von p, div
allowTagsOutside = img,hr
# erlaubte attribute in p, div tags
keepPDIVattribs = align,class,style,id
# List all class selectors that are allowed on the way to the database
allowedClasses (
external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail,
align-left, align-center, align-right, author
)
# html parser einstellungen
HTMLparser_rte {
# tags die erlaubt/verboten sind
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags
# tags die untersagt sind
removeTags = font
# entfernt html-kommentare
removeComments = 1
# tags die nicht übereinstimmen werden nicht entfernt (protect / 1 / 0)
keepNonMatchedTags = 0
}
# Content to database
entryHTMLparser_db = 1
entryHTMLparser_db {
# tags die erlaubt/verboten sind
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags
# CLEAN TAGS
noAttrib = b, i, u, strike, sub, sup, strong, em, quote, blockquote, cite, tt, br, center
rmTagIfNoAttrib = span,div,font
# htmlSpecialChars = 1
## align attribute werden erlaubt
tags {
p.fixAttrib.align.unset >
p.allowedAttribs = class,style,align
div.fixAttrib.align.unset >
hr.allowedAttribs = class
# b und i tags werden ersetzt (em / strong)
b.remap = strong
i.remap = em
u >
## img tags werden erlaubt
img >
## span tags werden erlaubt
span >
## div tags werden erlaubt
div >
}
}
}
# Classes: Ausrichtung
classesParagraph (
align-left, align-center, align-right
)
# Classes: Eigene Stile
classesCharacter = author
classesImage= rte_image
# Classes für Links (These classes should also be in the list of allowedClasses)
classesAnchor = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail
classesAnchor.default {
page = internal-link
url = external-link-new-window
file = download
mail = mail
}
# zeigt alle CSS-Klassen die in formate.css vorhanden sind
showTagFreeClasses = 1
# Do not allow insertion of the following tags
hideTags = font
# Tabellen Optionen in der RTE Toolbar
hideTableOperationsInToolbar = 0
keepToggleBordersInToolbar = 1
# Tabellen Editierungs-Optionen (cellspacing/ cellpadding / border)
disableSpacingFieldsetInTableOperations = 0
disableAlignmentFieldsetInTableOperations=0
disableColorFieldsetInTableOperations=0
disableLayoutFieldsetInTableOperations=0
disableBordersFieldsetInTableOperations=0
}
# Use same processing as on entry to database to clean content pasted into the editor
RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db
# FE RTE configuration (htmlArea RTE only)
RTE.default.FE < RTE.default
RTE.default.FE.userElements >
RTE.default.FE.userLinks >
# Breite des RTE in Fullscreen-Ansicht
TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 80%
ein Auszug aus meiner Setup-Config:
#wichtig, damit die nicht in p gewrappt werden
lib.parseFunc_RTE.externalBlocks = ul,ol,table
#nochmaliges parsen von tabellenzellen auschalten, damit inhalte nicht wieder in p gepackt werden
lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default.callRecursive = 0
# automatische Verlinkung abstellen
lib.parseFunc_RTE.makelinks >
lib.parseFunc_RTE.externalBlocks.ul.stdWrap.parseFunc.makelinks = 0
lib.parseFunc_RTE.externalBlocks.ol.stdWrap.parseFunc.makelinks = 0
plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE >
ich habe dort noch folgendes Problem.
im RTE wird der Button "Unterstreichen" angezeigt, sobald ich den auch drücke setzt er in der "Code-Ansicht" <u>wort</u>... doch sobald ich auf speichern klicke, wird es raus geschmissen!
wenn ich um einen <p> ein <div> bauen will schmeißt er mir diese auch heraus.
nun habe ich diese TS zusammen geschnitten und weiß nun auch wirklich nciht wo ich genau anfangen soll, damit ich diese Fehler beheben kann...
hier wird ganz gut beschrieben, wie ich die div´s zulasse, doch müsste ich aus meiner config Werte heraus löschen 🙁 doch weiß ich nun auch nicht so genau wo und wie 🙁
link: http://www.datenwolken.de/index.php?id=211
wäre super nett wenn mir da wer helfen kann :/
bin auch per icq und msn zu erreichen.
VIELEN DANK AN ALLE !
eine frage noch vergessen: gibt es denn eine gute std. config?
hey, danke erstmal für die super doku. ich hab jetzt hier n kleines problem. ich hab per
showButtons = left, right, center, justifyfull
mir die buttons für die ausrichtung angezeigt. die angaben werden allerdings beim speichern nicht übernommen. was mach ich falsch?
hab schon bei proc.allowedClasses die 4 klassen mit aufgenommen, ohne erfolg. was kann ich da tun?! o.O
Hallo Isabelle (und wen es noch interessiert)
Kann mir den jamand sagen wie ich alle diese Einstellungen für die RTE's der verschiedenen Extensions übernehmen kann? Z.Bsp. wie kann ich diese Einstellungen für den RTE der News übernehmen?
bei mir hat das geklappt, seit die SysOrdner der Extensions unterhalb der root-Seite liegen.
Gruß, Nils
Hallo 🙂.
Der RTE treibt mich noch zum Wahnsinn....
Ich habe:
rtehtmlarea Version 1.5.2 auf Typo3 4.1.1
Wann immer ich ein über den Button zum Bild Einfügen hinzufüge wird dieses mit einem Link zum BACKEND belegt.
Das wäre halb so wild, ich kann den Link ja wieder entfernen, leider bin ich aber nciht die einzige Person die die Seite Pflegt.
Kann mir jemand sagen wie ich den RTE von dieser verlinkung abhalte?
Danke,
Layna
Hy @all,
also der Code von Karin ist wirklich klasse und auch nachvollziehbar...aber der packt bei mir irgendwie die rte_formate.css nicht an. Im RTE hab ich keine Auswahl der Tags, die ich in der rte_formate.css definiert habe...es is zum verzweifeln...
Greetz
dervigo
Problem gelöst...ich muss im ts extra jeden style aus dem css nochmal auflisten, dann klappt es.
Wie kann ich denn bei einer Tabelle als Standard angeben, dass er keinen Border nimmt? Standardmäßig ist nämlich ein Border mit der Dicke 1px ausgewählt.
Nach Forensuche und lesen dieses Riesen Threads sehe ich leider immer noch nicht ganz durch - ich habe ein Problem mit der Erstellung einer Klasse für Textfarbe.
Die Textfarbe soll an beliebigen Stellen im Text einsetzbar sein. Ich nehme also an, dass das Dropdown-Feld *Text* im RTE angewandt werden muss.
Im TSconfig der root-Seite steht folgendes:
RTE.default {
contentCSS = fileadmin/css/style_rte.css
useCSS = 1
showTagFreeClasses = 1
hideTags = font, font (full)
classesParagraph = test1, test2
classesCharacter = test1, test2
}
Der CSS-Pfad stimmt, das gleiche Stylesheet wird im zentralen Stylesheet ausserdem importiert. Inhalt der style_rte.css:
.text-green {
color: #8ca03d;
}
Ergebnis: ich bekomme *text-green* im Dropdownfeld *Absatz* zur Verfügung gestellt. Das Dropdown-Feld *Text* wird aktiv, nachdem ich *text-green* angewählt habe. Es bietet mir *Undefined* & *Standard*
Ich benutze Typo3 4.1.2, htmlArea RTE 1.5.3 & rf_dynamiccss 1.0.4
Wie bekomme ich die klasse text-green in das Feld *Text*? Denn ich will (s.o.) nicht nur ganze Absätze einfärben, sondern einzelne Passagen (Speichern lässt sich ein grün eingefärbter Paragraph ausserdem nicht ;/).