Hallo Leo
vorausgesetzt der RTE ist richtig konfiguriert (das mache ich in einer
Basis-Extension für alle meine Websites), dann genügt für die Anpassung
in der kundenspezifischen Extension (cp_layout bei mir) folgender Code:
# =========== code begin ==============================
# Einstellungen für den htmlArea RTE
# ==================================
# Layout RTE, Toolbar und Contextmenu definieren
RTE.default.contentCSS {
cp_layout = EXT:cp_layout/Resources/Public/StyleSheets/rte.css
}
# Anpassen und verfügbar machen der Formatierung
# ----------------------------------------------
# folgende Definitionen sind nur für die bessere Lesbarkeit in den
Pull-Down's
# die in der CSS-Datei definierten Classen werden hier mit einem
lesbaren Namen versehen
# hier im Beispiel die CSS-Class cp-highlight (definiert in der
Basisextension) bekommt eine andere Farbe
# die CSS-Class cp-bigFont kommt hinzu.
RTE.classes {
cp-highlight.value = color:#0ea3e1;
cp-bigFont.name = grosse Schrift
}
# Pulldown blockstyle anpassen
RTE.default {
buttons.blockstyle {
tags {
p.allowedClasses := addToList(cp-bigFont)
div.allowedClasses := addToList(cp-bigFont)
}
}
}
# Konvertierungseinstellungen
RTE.default {
proc {
allowedClasses := addToList(cp-bigFont)
}
}
RTE.default.FE < RTE.default
# =========== code ende ==============================
Wichtig ist die CSS-Datei, dass hier die richtige eingebunden wird. Sie
muss die CSS-Class enthalten, sonst wird sie auch nicht angezeigt im
Pulldown.
Wenn du neben blockstyle noch andere Pulldowns anpassen willst, dann
musst du diese analog definieren.
Und noch ein Tip: ich verwende SASS für die Erstellung der CSS-Dateien.
Da ist es einfach möglich, nur diejenigen Definitionen in die CSS-Datei
für den RTE zu schreiben, die im Backend auch benötigt werden, d.h. vor
allem Block- und Text-Styles. Anderes wie die Klassen für ein
Spaltenlayout braucht der RTE gar nicht zu parsen...
Wenn ich deinen Code ansehe, sehe ich die Einbindung der CSS-Datei
nicht, aber auch nicht die Definition der Klasse (RTE.classes...)
Und ich meine, dass das Attribut showTagFreeClasses für jeden Button
einzeln zu definieren ist
(RTE.default.buttons.[blockstyle/textstyle].showTagFreeClasses = 1).
Beste Grüsse, Renzo
--
conPassione gmbh
CH-3661 Uetendorf
+41 33 345 00 92
Am Samstag, den 12.11.2016, 15:03 +0100 schrieb Dr. Dieter Porth:
> Hi Leo,
>
>
> der Code von JWeiland sieht auf den ersten Blick ok aus.
>
> Die Konfiguration muss fünf Aspekte abdecken, deine Konfiguration deckt
> scheinbar nur zwei ab
>
> a) Backend - Anzeige im Button (Freigabe von Feld bzw. Tag bzw. Fald+Tag
>
> b) Backend - Anzeige im Textfeld (Klassendefinition für das backend)
>
> c) Fronmtendausgabe: (proc) - Grundsätzliche Klassen
>
> d) Fronmtendausgabe: (proc) - CSS-Datei mit Klassendefinition für das
> Frontend
>
> e) Frontendausgabe: (proc) - Freigabe der Tags für klassen bzw. der Tags
> überhaupt
>
>
> Allgemein:
> Ärgerlich/unübersichtlich beim RTE-Konfigurierten ist die Vermischug von
> hide/show bzw. allow/disable, da sich damit schnell eine verwirrende
> Logik von Einschluss und Ausschluss ergeben kann. Weiterhin können
> einen die verschiedenen Parsing-Zeitpunkt in den Wahnsinn treiben.
> Eine echte Stärke vom HTMLArea RTE ist, dass man in einem Backendlayout
> unterschiedliche RTE-Definitionen anzeigen lassen kann.
>
> Alternative.
> http://www.koller-webprogramming.ch/tipps-tricks/typo3-inhaltselemente/rte-konfig-textstyle-und-blockstyle/
> sieht auf den ersten Blick auch funktionabel aus.
>
> Dieter
>
> Am 12.11.2016 um 11:40 schrieb Leo Führinger:
> > Hallo zusammen,
> > ich nutze Typo3 7.6 und möchte im RTE eine Klasse bei "Textstile"
> > hinzufügen.
> > Dazu habe ich schon vieles probiert, u.a. dieses hier:
> >
> > RTE.default.buttons.showTagFreeClasses = 1
> > RTE.default.proc.allowedClasses := addToList(arrowlink)
> > RTE.default.buttons.textstyle.tags.span.allowedClasses :=
> > removeFromList(important)
> > RTE.default.buttons.textstyle.tags.span.allowedClasses :=
> > addToList(arrowlink)
> >
> > Ich möchte zu Testzwecken der Dropdownliste "Textstile" die Auswahl
> > "arrowlink" hinzufügen, was jedoch nicht klappt. Die Auswahlmöglichkeit
> > "Wichtig" bzw. "important" wird ie gewünscht nicht mehr angezeigt,..
> >
> > Die Doku habe hier gefunden:
> > https://goo.gl/AQshrE
> > Ein schönes Beispiel von jweiland hier (welches auch nicht funktionioert)
> > https://jweiland.net/typo3/codebeispiele/rte.html#c2678
> >
> > Könnt ihr mir hier weiter helfen?
> > Danke und ein schönes Wochenende,
> > Leo
> > _______________________________________________
> > TYPO3-german mailing list
> > TYPO3-german@lists.typo3.org
> > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german@lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
