Hallo allerseits,
ich komme einfach nicht weiter mit der Schaffung von eigenen CSS-Klassen für die Formatierung einer Tabelle im RTE; habe heute den ganzen Tag im Netz geforscht .. #angry#
Es geht darum, den die Spaltenbreite einer im RTE einzufügenden Tabelle festzulegen; dazu soll der Text in der rechten Spalte rechtsbündig erscheinen.
Es scheitert schon daran, dass ich die Klasse nicht an die Tabelle übergeben bekomme.
Meine TS-Config der Root-Page:
############### config RTE start #####################################
RTE.default {
useCSS = 1
contentCSS = fileadmin/css/rte.css
showTagFreeClasses = 1
classesTable = tabelle
classesTD = td-right
proc.allowedClasses < RTE.default.allowedClasses
FE.proc.allowedClasses < RTE.default.allowedClasses
}
RTE.default.proc {
overruleMode = ts_css
dontConvBRtoParagraph = 1
preserveTables=1
allowedClasses = tabelle, td-right
}
#Tabellen-Klassen speicherbar machen
#lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list = tabelle, td-right
RTE.default.showButtons = *
#RTE.default.showButtons (
#bold, italic, underline, orderedlist, unorderedlist, insertcharacter, 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, about, copy, cut, paste, left, center, right,
#textstyle, textstylelabel
#)
###############################################################################
# HTML Parser Einstellungen - Inhalt ins Frontend
###############################################################################
HTMLparser_rte {
# tags die erlaubt/verboten sind
# uebernehme die Einstellungen von RTE.default.proc
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags
# tags die untersagt sind
removeTags =
# entfernt html-kommentare
removeComments = 1
}
###############################################################################
# Speichere in Datenbank - Inhalt in die Datenbank
###############################################################################
entryHTMLparser_db = 1
entryHTMLparser_db {
# tags die erlaubt/verboten sind
#uebernehme die Einstellungen von RTE.default.proc
allowTags < RTE.default.proc.allowTags
denyTags < RTE.default.proc.denyTags
# Falls diese Tags auf der "remove"- Liste stehen, so entferne sie von dieser
#removeTags := removeFromList(font,bgcolor,underline, u)
# Erlaube folgende Attribute
#tags.font.allowedAttribs = color, size, bgcolor,fontsize
}
RTE.config.tt_content.bodytext.proc.allowedClasses = tabelle, td-right
############### config RTE end #####################################
Dazu mein CSS:
table.tabelle {
border-collapse: collapse;
margin: none;
width: 100%;
}
table.tabelle td {
border: 0px solid #000000;
height: 30px;
#text-indent: 5px;
#cellpadding: 5px;
font-size: 12px;
margin: none;
text-align: left;
}
table.tabelle td.td-right {
text-align: right;
background:#afafaf;
}
Die Klasse "tabelle" wird übernommen; die Klasse "TD-right" aber nicht. Die Werte der letzteren sind nur zum probieren, ob überhaupt was ankommt.
Hoffendlich hat jemand einen Rat ... 😢
Gruß aus Lippe,
Otti.