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
typo3:about:rte [2014/02/16 14:50] – [Button-Übersicht] admintypo3: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+
 } }
 </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 187: Zeile 188:
   }   }
 } }
 +</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.
 +
 +----
 +
 +==== 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 
 +
 </code> </code>
typo3/about/rte.1392558650.txt.gz · Zuletzt geändert: 2015/12/03 19:29 (Externe Bearbeitung)