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 [2015/12/03 19:32] – Externe Bearbeitung 127.0.0.1typo3: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 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.1449167553.txt.gz · Zuletzt geändert: 2016/01/23 20:48 (Externe Bearbeitung)