Hallo Leute,
jetzt suche ich schon seit Stunden und finde keine Lösung.
Folgendes Problem:
Die Buttons Kursiv, Fett und Unterstrichen werden im RTE angezeigt und zeigen auch die Änderungen brav im RTE-Editor an.
Aber, nach abspeichern sind die Änderungen weg.
D.h. aus den Tags
<span style="font-weight: bold;">Zugang</span>
wird
Zugang
Hat jemand eine Ahnung wie ich das im Griff bekomme, hier im Forum waren schon einige die das gleiche Problem haben...
Gruß,
photek
Hast du das <span>-Tag mit in die Liste der erlaubten Tags aufgenommen?
## RTE Konfiguration
RTE.default {
...
proc {
# tags die erlaubt / verboten sind
allowTags = Tag1, Tag2, ...
}
...
}
Für die Auszeichnung von fettem Text solltest du aber auch besser "<strong>" verwenden, da weder "<span style="font-weight: bold;">" noch "<b>" semantisch wirklich aussagekräftig sind.
Hallo, habe auch ein Problem mit dem RTE.
Wenn ich ein Text formatieren will und ihm eine bestimmte Grösse oder Farbe zuordnen will, verschwindet es nach dem Speichern.
Es geht genauer um den Tag <font> den er nach dem Speichern rausnimmt.
Hier meine PageTSConfig:
# ***************************************************************************************
# "Demo" Page TSconfig for htmlArea RTE
#
# Sets default Page TSConfig with maximal features for users who want to explore the features of the RTE.
#
# TYPO3 CVS ID: $Id: pageTSConfig.txt,v 1.1.2.7 2006/03/13 18:08:40 stanrolland Exp $
# ***************************************************************************************
## Define labels and styles to be applied to class selectors in the interface of the RTE
## Partial re-use of color scheme and frame scheme from CSS Styled Content extension
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;
}
csc-frame-frame1 {
name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:frame-frame1
value = background-color: #EDEBF1; border: 1px solid #333333;
}
csc-frame-frame2 {
name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:frame-frame2
value = background-color: #F5FFAA; border: 1px solid #333333;
}
important {
name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:important
value = color: #8A0020;
}
name-of-person {
name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:name-of-person
value = color: #10007B;
}
detail {
name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:detail
value = color: #186900;
}
component-items {
name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:component-items
value = color: #186900;
}
action-items {
name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:action-items
value = color: #8A0020;
}
component-items-ordered {
name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:component-items
value = color: #186900;
}
action-items-ordered {
name = LLL:EXT:rtehtmlarea/htmlarea/plugins/DynamicCSS/locallang.xml:action-items
value = color: #8A0020;
}
}
## Anchor classes configuration for use by the anchor accesibility feature (htmlArea RTE only)
RTE.classesAnchor {
externalLink {
class = external-link
type = url
image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/img/external_link.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_titleText
}
externalLinkInNewWindow {
class = external-link-new-window
type = url
image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/img/external_link_new_window.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_new_window_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_new_window_titleText
}
internalLink {
class = internal-link
type = page
image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/img/internal_link.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_titleText
}
internalLinkInNewWindow {
class = internal-link-new-window
type = page
image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/img/internal_link_new_window.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_new_window_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_new_window_titleText
}
download {
class = download
type = file
image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/img/download.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:download_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:download_titleText
}
mail {
class = mail
type = mail
image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/img/mail.gif
altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:mail_altText
titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:mail_titleText
}
}
## Default RTE configuration
RTE.default {
##H4,H5,H6 in der Auswahl ausblenden
hidePStyleItems = H4, H5, H6
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
## Markup options (htmlArea RTE only)
enableWordClean = 1
removeTrailingBR = 1
removeComments = 1
##Oleg-removeTags = center, o:p, sdfield
##Oleg-removeTagsAndContents = style,script
## Allow img tags
proc.entryHTMLparser_db.tags.img >
## Allow align attribute
proc.entryHTMLparser_db.tags {
p.fixAttrib.align.unset >
div.fixAttrib.align.unset >
font.allowedAttribs = size,color
p.allowedAttribs = class,style,align
span.fixAttrib.style.unset >
}
## Toolbar options
showButtons = *
## More toolbar options (htmlArea RTE only)
keepButtonGroupTogether = 1
## Enable status bar (htmlArea RTE only)
showStatusBar = 1
## Add default example 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; }
)
## Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.
inlineStyle.frames (
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
)
## Bullet styles for unordered lists.
inlineStyle.ul (
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }
)
## Numbering styles for ordered lists.
inlineStyle.ol (
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }
)
## Three inline text colors taken from the color scheme of CSS Styled Content extension.
inlineStyle.inline-text (
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }
)
## Use stylesheet file rather than the above mainStyleOverride and inlineStyle properties to style the contents (htmlArea RTE only)
ignoreMainStyleOverride = 1
## For this demo, do not remove font, strike and u tags
proc.entryHTMLparser_db.removeTags := removeFromList(strike,u)
#original->proc.entryHTMLparser_db.removeTags := removeFromList(font,strike,u)
## List all class selectors that are allowed on the way to the database
proc.allowedClasses (
external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail,
align-left, align-center, align-right,
csc-frame-frame1, csc-frame-frame2,
component-items, action-items,
component-items-ordered, action-items-ordered,
important, name-of-person, detail
)
## classesParagraph, classesTable, classesTD, classesLinks, classesCharacter
## Classic RTE: Specify the list of class selectors that should be presented in the RTE interface:
## htmlArea RTE: Restrict the list of class selectors presented by the RTE to the following:
classesParagraph (
align-left, align-center, align-right,
)
classesTable = csc-frame-frame1, csc-frame-frame2
classesTD = align-left, align-center, align-right
classesLinks = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail
classesCharacter = important, name-of-person, detail
## Configuration of the anchor accessibility feature (htmlArea RTE only)
## 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
}
## Show all applicable class selectors available in the style sheet file (htmlArea RTE only)
showTagFreeClasses = 1
## Configuration specific to the table button or TableOperations feature (htmlArea RTE only)
## Use the context menu instead of the toolbar for table operations, but keep toggleborders button in toolbar
hideTableOperationsInToolbar = 1
buttons.toggleborders.keepInToolbar = 1
## Configuration specific to the inserttag button or QuickTag feature (htmlArea RTE only)
## Do not allow insertion of the following tags
buttons.inserttag.denyTags = font, underline, strike, table
## Configuration specific to the spellcheck button or SpellCheck feature (htmlArea RTE only)
## Enable the use of personal dictionaries
enablePersonalDicts = 1
}
## Use same processing as on entry to database to clean content pasted into the editor
RTE.default.enableWordClean.HTMLparser < RTE.default.proc.entryHTMLparser_db
## front end RTE configuration (htmlArea RTE only)
RTE.default.FE < RTE.default
RTE.default.FE.FE >
RTE.default.FE.userElements >
RTE.default.FE.userLinks >
## tt_content TCEFORM configuration
## Let use all the space available for more comfort.
TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 100%
habe bei allowTags den font-tag erlaubt und bei
proc.entryHTMLparser_db.tags {
p.fixAttrib.align.unset >
div.fixAttrib.align.unset >
font.allowedAttribs = size,color
sind die Attribute size und color auch erlaubt.
Versteh nicht wo ich noch was verbiete oder warum er den font-Tag rausnimmt.
MfG
Oleg
Vermutlich deswegen:
## Do not allow insertion of the following tags
buttons.inserttag.denyTags = font, underline, strike, table
Aber mal so nebenbei: Wieso benutzt du <font>?
Das ist ja nicht mehr wirklich zeitgemäß und du könntest einfacher über eigene Klassen für Absätze arbeiten 😉
Grüße
weil es meine Aufgabe ist. Ich bin blutiger Anfänger und wenn man mir sagt, wir wollen die SChriftgrösse verändern, dann tu ich das=)
hab das font da rausgenommen, jedoch verschwindet die Formatierung trotzdem nach dem Speichern.
Ich danke dir für deine Antwort
Grüsse,
Oleg
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
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