Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- typo3:about:rte [2014/02/16 14:22] – [Button-Übersicht] admin
+++ typo3: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.
+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>
 RTE.default {
-  contentCSS = fileadmin/template/rte.css
+  contentCSS = path/to/rte.css
-  useCSS = 1
 }
 </code>
@@ Zeile 80: / Zeile 81: @@
 ^textindicator|Zeigt die aktuelle Formatierung des gewählten Textes an.|
 ^editelement|Ermöglicht ein Menü, mit dem einem Element Attribute wie //id//, //lang// und //onmouseover// hinzugefügt werden können.|
-^showmicrodata|ab TYPO3 4.7: (De)aktiviert einen Marker vor Inhalten, die Mikrodaten (//itemscope//, itemtype// ...) enthalten.|
+^showmicrodata|ab TYPO3 4.7: (De)aktiviert einen Marker vor Inhalten, die Mikrodaten (//itemscope//, //itemtype// ...) enthalten.|
 ^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, Copyright, etc.).|
-^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 ''<hr />'' ein.|
 ^link|Ermöglicht das Setzen von Ankern: interne/externe Links, Dateilinks, E-Mails.|
 ^unlink|Entfernt einen zuvor gesetzten Anker.|
 ^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).|
-^acronym| |
+^acronym|Markiert den gewählten Text mit ''<acronym>''.|
 ^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.|
@@ Zeile 108: / Zeile 109: @@
 ^tablerestyle| |
 ^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.|
 ^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.|
 ^columnsplit|Gewählte Spalte teilen.|
@@ Zeile 188: / Zeile 189: @@
 }
 </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.

Snippets + Wiki

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Unterschiede

Seiten-Werkzeuge