Nachtrag ....ein wenig Erfolg
Ich schilder kurz was ich wo eingetragen haben denn ich bin nun soweit das er die erstellte CSS Datei auch ausliest und diese dann auch in RTE benutzt werden kann. Hatte vergessen die CSS Datei auch in dem Header einzubinden. Nun habe ich soweit alles Top dargestellt nur die Tabellen werden noch immer nicht mit dem Gelb oder Grau formatiert.
Kann mir vieleicht jemand sagen wo ich da noch den Fehler habe.
Vielen Dank
Kurzer Nachtrag:
Als CSS Datei habe ich die Standard dynamiccss genommen welche auch schon bei dem RTE mirgeliefert wird.
Folgendes habe ich gemacht:
Seiten Setup folgendes eingetragen:
plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE>
###Content table class disable###
lib.parseFunc_RTE.externalBlocks.table.stdWrap.
HTMLparser.tags.table.fixAttrib.class>
###p in table disable###
lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default >
lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default.
stdWrap.parseFunc =< lib.parseFunc
TS Config für die Seite:
#
#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;
}
}
#Trage hier ein wo das Bild vor dem Link Entfernt bzw. nicht angezeigt werden soll
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 {
# RTE BG-color
mainStyle_bgcolor = #ffffff
mainStyleOverride_add.BODY = { background-color:#ffffff; background-image:none; }
# Zuweisung der CSS-Datei
contentCSS = /fileadmin/templates/css/rte.css
useCSS = 1
# Dafür sorgen, dass die Style-Angaben der RTE.default.contentCSS oberste Priorität haben
ignoreMainStyleOverride = 1
# Markup options
enableWordClean = 1
removeTrailingBR = 1
removeComments = 1
removeTags =
removeTagsAndContents =
# zeigt alle CSS-Klassen die in .css vorhanden sind
showTagFreeClasses = 1
# 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
# Do not allow insertion of the following tags
hideTags =
# Buttons die gezeigt/versteckt werden im RTE
showButtons = textstyle, textstylelabel, blockstyle, blockstylelabel, bold, italic, underline, left, center, right, 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, findreplace, insertcharacter, undo, redo, showhelp, about, chMode, inserttag
hideButtons = fontstyle, formatblock, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, 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; }
)
# Tags die erlaubt werden bzw. verboten werden ( allow / deny )
proc.entryHTMLparser_db.allowTags < RTE.default.proc.allowTags
proc {
# tags die erlaubt 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
# tags die verboten sind
denyTags = font
# 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,span
# Trage hier ein welche tags in zb. span erlaubt sind ( müssen übereinstimmen mit deiner .css )
allowedClasses (
external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail,
align-left, align-center, align-right, text_red, text_grun
)
# 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 = font
# htmlSpecialChars = 1
## align attribute werden erlaubt
tags {
p.fixAttrib.align.unset >
p.allowedAttribs = class,style,align
div.fixAttrib.align.unset >
hr.allowedAttribs = class
span.fixAttrib.style.unset>
## b und i tags werden ersetzt (em / strong)
b.remap = strong
i.remap = em
## img tags werden erlaubt
img>
## span tags werden erlaubt
span >
}
}
}
# Classes: Ausrichtung
classesParagraph (
align-left, align-center, align-right
)
# Classes: Eigene Stile
classesCharacter = text_red
allowedClasses (text_red)
# Classes: Eigene Stile
classesCharacter = text_grun
allowedClasses (text_grun)
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
}
}
# 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%