Benutzer-Werkzeuge

Webseiten-Werkzeuge


typo3:about:rte

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige ÜberarbeitungVorherige Überarbeitung
Nächste Überarbeitung
Vorherige Überarbeitung
Letzte ÜberarbeitungBeide Seiten, nächste Überarbeitung
typo3:about:rte [2014/02/16 14:50] – [Button-Übersicht] admintypo3:about:rte [2016/06/17 18:24] – [CSS im RTE] 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+
 } }
 </code> </code>
Zeile 88: Zeile 89:
 ^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 das Anlegen einer Tabelle mit vielen Einstellungsmöglichkeiten.|+^table|Ermöglicht das Anlegen einer Tabelle mit vielen Einstellungsmöglichkeiten.|
 ^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|Markiert den gewählten Text mit ''<acronym>''.| ^acronym|Markiert den gewählten Text mit ''<acronym>''.|
Zeile 108: Zeile 109:
 ^tablerestyle| | ^tablerestyle| |
 ^rowproperties|Zeileneinstellungen anpassen (Breite, Textausrichtung, Rahmen, etc.).| ^rowproperties|Zeileneinstellungen anpassen (Breite, Textausrichtung, Rahmen, etc.).|
-^rowinsertabove|Spalte oben hinzufügen.| +^rowinsertabove|Zeile oben hinzufügen.| 
-^rowinsertunder|Spalte unten hinzufügen.|+^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 links hinzufügen.| 
-^columninsertafter|Zeile rechts hinzufügen.|+^columninsertafter|Spalte rechts hinzufügen.|
 ^columndelete|Gewählte Spalte löschen.| ^columndelete|Gewählte Spalte löschen.|
 ^columnsplit|Gewählte Spalte teilen.| ^columnsplit|Gewählte Spalte teilen.|
Zeile 188: Zeile 189:
 } }
 </code> </code>
 +
 +===== <select> Elemente ausblenden =====
 +
 +==== formatblock ====
 +
 +Mit **TSconfig** können unliebsame Optionen einfach entfernt werden:
 +
 +<code>
 +RTE.default {
 +  buttons.formatblock.removeItems = address,h5,h6,article,footer,header,nav,section,aside,div
 +}
 +</code>
 +
 +==== blockstyle ====
 +
 +Für das select-Menü ''blockstyle'' gibt es hierzu kein TSconfig! Was aber die Lösung bringt: In der **CSS** des RTE einfach die nicht gewünschten Klassen entfernen.
typo3/about/rte.txt · Zuletzt geändert: 2016/11/18 20:37 von admin