Hallo,
ich habe jetzt schon einiges gelesen, komme aber nicht auf meinen Fehler bei der Konfiguration des RTE.
Ich hoffe jemand von euch kann mir helfen.
Was möchte ich erreichen?
Der Nutzer soll einen Text markieren können und als Überschrift (h4 Element) definieren.
Mein Problem ist, das wenn ich den Text markiere, im Blockstyle nicht die Überschrift auswählen kann. Schalte ich in den HTML Modus und setzte das h4-Tag um den entsprechenden Text, dann kann ich auch die CSS-Klasse hierfür auswählen...
In der Default-Konfig, z.B. Typical, kann ich ja auch den Text markieren und einfach "Überschrift x" auswählen und der hx-tag wird automatisch hinzugefügt. Genau das möchte ich auch haben. Es soll aber nur quasi "Überschrift 4" auswählbar sein.
Hier mein TS:
RTE.classes >
RTE.classesAnchor >
RTE.default >
RTE.default {
enableWordClean = 1
removeComments = 1
removeTags = center, font, o:p, sdfield, strike, u
removeTagsAndContents = link, meta, script, style, title
contentCSS = fileadmin/templates/css/rte/rte.css
showButtons = chMode,blockstyle,blockstylelabel,textstyle,textstylelabel,bold,unorderedlist,undo,redo,about,removeformat,link, unlink,copy, cut, paste
proc {
overrideMode = css_transform
allowedClasses = bodytext,rot,gruen,braun,component-items,action-items
}
}
## front end RTE configuration for the general public (htmlArea RTE only)
RTE.default.FE < RTE.default
RTE.default.FE.FE >
Und meine rte.css:
@charset "utf-8";
ul.referenzen1 li{
background-image: url("/fileadmin/templates/images/bullet_square.jpg" );
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px !important;
color:#A5928E !important;
list-style: none;
}
ul.referenzen2 li{
background-image: url("/fileadmin/templates/images/bullet_square.jpg" );
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px !important;
color:#000!important;
list-style: none;
}
ul.referenzen3 li{
background-image: url("/fileadmin/templates/images/bullet_square.jpg" );
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px !important;
color:#000!important;
list-style: none;
}
/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.hellbraun{ color: #A5928E; }
span.dunkelbraun {color: #3D3739}
span.schwarz{ color: #000; }
h4.Ueberschrift{
padding-top: 25px;
font-size: 13px;
}
Wäre großartig wenn Ihr mir helfen könntet!
Besten Dank!