Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
| Beide Seiten, vorherige ÜberarbeitungVorherige ÜberarbeitungNächste Überarbeitung | Vorherige Überarbeitung | ||
| typo3:about:rte [2014/02/16 14:22] – [Button-Übersicht] admin | 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 80: | Zeile 81: | ||
| ^textindicator|Zeigt die aktuelle Formatierung des gewählten Textes an.| | ^textindicator|Zeigt die aktuelle Formatierung des gewählten Textes an.| | ||
| ^editelement|Ermöglicht ein Menü, mit dem einem Element Attribute wie //id//, //lang// und // | ^editelement|Ermöglicht ein Menü, mit dem einem Element Attribute wie //id//, //lang// und // | ||
| - | ^showmicrodata|ab TYPO3 4.7: (De)aktiviert einen Marker vor Inhalten, die Mikrodaten (// | + | ^showmicrodata|ab TYPO3 4.7: (De)aktiviert einen Marker vor Inhalten, die Mikrodaten (// |
| ^emoticon|Bietet eine Auswahl von 16 Smilies an, die von TYPO3 mitgeliefert werden.| | ^emoticon|Bietet eine Auswahl von 16 Smilies an, die von TYPO3 mitgeliefert werden.| | ||
| ^insertcharacter|Bietet eine Auswahl an Sonderzeichen an, die der Benutzer bequem im RTE verwenden kann (Durchmesser, | ^insertcharacter|Bietet eine Auswahl an Sonderzeichen an, die der Benutzer bequem im RTE verwenden kann (Durchmesser, | ||
| - | ^insertsofthyphen| | | + | ^insertsofthyphen|ab TYPO3 4.7: Ermöglicht das Setzen eines weichen Trennzeichens (Worttrennung durch den Browser an den angegebenen Stellen).| |
| ^line|Fügt an der gewählten Stelle eine Linie mit ''< | ^line|Fügt an der gewählten Stelle eine Linie mit ''< | ||
| ^link|Ermöglicht das Setzen von Ankern: interne/ | ^link|Ermöglicht das Setzen von Ankern: interne/ | ||
| ^unlink|Entfernt einen zuvor gesetzten Anker.| | ^unlink|Entfernt einen zuvor gesetzten Anker.| | ||
| ^image|Ermöglicht das Einbetten von Bildern im RTE.| | ^image|Ermöglicht das Einbetten von Bildern im RTE.| | ||
| - | ^table|Ermgölicht | + | ^table|Ermöglicht |
| ^user|Ermöglicht die Verwendung selbst erstellter HTML-Elemente. Diese müssen noch erstellt werden, sonst ist das Feld leer (siehe unten).| | ^user|Ermöglicht die Verwendung selbst erstellter HTML-Elemente. Diese müssen noch erstellt werden, sonst ist das Feld leer (siehe unten).| | ||
| - | ^acronym| | | + | ^acronym|Markiert den gewählten Text mit ''< |
| ^findreplace|Ermöglicht das Suchen und Ersetzen von Wörtern und Wortteilen.| | ^findreplace|Ermöglicht das Suchen und Ersetzen von Wörtern und Wortteilen.| | ||
| ^spellcheck|Ermöglicht eine Rechtschreibprüfung. Hierzu muss allerdings noch zusätzliches in TYPO3 installiert werden (z.B. aspell), vorher wird der Button nicht angezeigt.| | ^spellcheck|Ermöglicht eine Rechtschreibprüfung. Hierzu muss allerdings noch zusätzliches in TYPO3 installiert werden (z.B. aspell), vorher wird der Button nicht angezeigt.| | ||
| Zeile 108: | Zeile 109: | ||
| ^tablerestyle| | | ^tablerestyle| | | ||
| ^rowproperties|Zeileneinstellungen anpassen (Breite, Textausrichtung, | ^rowproperties|Zeileneinstellungen anpassen (Breite, Textausrichtung, | ||
| - | ^rowinsertabove|Spalte | + | ^rowinsertabove|Zeile oben hinzufügen.| |
| - | ^rowinsertunder|Spalte | + | ^rowinsertunder|Zeile unten hinzufügen.| |
| ^rowdelete|Gewählte Zeile löschen.| | ^rowdelete|Gewählte Zeile löschen.| | ||
| ^rowsplit|Gewählte Zeile teilen.| | ^rowsplit|Gewählte Zeile teilen.| | ||
| - | ^columnproperties| | | + | ^columnproperties|Spalteneinstellungen anpassen.| |
| - | ^columninsertbefore|Zeile links hinzufügen.| | + | ^columninsertbefore|Spalte |
| - | ^columninsertafter|Zeile rechts hinzufügen.| | + | ^columninsertafter|Spalte |
| ^columndelete|Gewählte Spalte löschen.| | ^columndelete|Gewählte Spalte löschen.| | ||
| ^columnsplit|Gewählte Spalte teilen.| | ^columnsplit|Gewählte Spalte teilen.| | ||
| 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 | ||
| + | } | ||
| </ | </ | ||
