Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
Beide Seiten, vorherige ÜberarbeitungVorherige ÜberarbeitungNächste Überarbeitung | Vorherige Überarbeitung | ||
typo3:about:rte [2015/12/03 19:32] – Externe Bearbeitung 127.0.0.1 | typo3:about:rte [2016/11/18 20:37] (aktuell) – RTE-Dialogfenster anpassen admin | ||
---|---|---|---|
Zeile 14: | Zeile 14: | ||
Damit die Ansicht im RTE der Frontendausgabe nahe kommt, kann ein CSS-Dokument mit dem RTE verknüpft werden. In diesem sollten nur relevante Formatierungen vorhanden sein; die Verwendung des Frontend-CSS mit Angaben zum Aufbau etc. wird nicht empfohlen. | Damit die Ansicht im RTE der Frontendausgabe nahe kommt, kann ein CSS-Dokument mit dem RTE verknüpft werden. In diesem sollten nur relevante Formatierungen vorhanden sein; die Verwendung des Frontend-CSS mit Angaben zum Aufbau etc. wird nicht empfohlen. | ||
+ | |||
+ | Auch wichtig: Um eigene Klassen im RTE verwenden zu können, **müssen** diese Klassen in der CSS-Datei des RTE vorhanden sein! | ||
<code typoscript> | <code typoscript> | ||
RTE.default { | RTE.default { | ||
- | contentCSS = fileadmin/template/rte.css | + | contentCSS = path/to/rte.css |
- | useCSS = 1 | + | |
} | } | ||
</ | </ | ||
Zeile 187: | Zeile 188: | ||
} | } | ||
} | } | ||
+ | </ | ||
+ | |||
+ | ===== < | ||
+ | |||
+ | ==== formatblock ==== | ||
+ | |||
+ | Mit **TSconfig** können unliebsame Optionen einfach entfernt werden: | ||
+ | |||
+ | < | ||
+ | RTE.default { | ||
+ | buttons.formatblock.removeItems = address, | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | ==== blockstyle ==== | ||
+ | |||
+ | Für das select-Menü '' | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ==== RTE-Dialogfenster anpassen ==== | ||
+ | |||
+ | Mit dem folgenden Snippet lässt sich die Fenstergröße des Link Wizards anpassen. | ||
+ | |||
+ | **Page TSconfig:** | ||
+ | <code typoscript> | ||
+ | RTE.default { | ||
+ | buttons.link.dialogueWindow.width = 750 | ||
+ | buttons.link.dialogueWindow.height = 750 | ||
+ | buttons.link.dialogueWindow.positionFromTop = 10 | ||
+ | buttons.link.dialogueWindow.positionFromLeft = 10 | ||
+ | } | ||
</ | </ |