Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
Beide Seiten, vorherige ÜberarbeitungVorherige ÜberarbeitungNächste Überarbeitung | Vorherige Überarbeitung | ||
typo3:verschiedenes [2014/02/06 19:45] – [Listenelemente im RTE um <span> ergänzen] admin | typo3:verschiedenes [2017/05/10 22:02] (aktuell) – Beliebig viele Spalten/Inhaltsbereiche in Front- und Backend admin | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
===== Externes Typoscript einbinden ===== | ===== Externes Typoscript einbinden ===== | ||
- | <code typoscript>< | + | * Pfade können relativ oder absolut sein |
- | ---- | + | * man kann auf Extensions verweisen ('' |
+ | * man kann auch auch ganze Ordner auslesen ('' | ||
+ | * es können Dateiendungen gefiltert werden (zB. nur //.t3s// auslesen; // | ||
+ | * Conditions sind möglich <wrap caution>ab TYPO3 7.6</wrap> | ||
+ | * auch für TSconfig verwendbar | ||
+ | <code typoscript> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
- | ===== Mehr als 4 Spalten in Front- | + | ==== registerPageTSConfigFile |
- | Für die vier Standard-Spalten | + | Wenn man in einer Extension über '' |
+ | **Configuration/ | ||
+ | <code php> | ||
+ | <?php | ||
+ | defined(' | ||
+ | |||
+ | \TYPO3\CMS\Core\Utility\ExtensionManagementUtility:: | ||
+ | ' | ||
+ | ' | ||
+ | ' | ||
+ | ); | ||
+ | </ | ||
+ | |||
+ | **Configuration/ | ||
<code typoscript> | <code typoscript> | ||
- | # colPos = 0: | + | // funktioniert nicht: |
- | 10 < styles.content.get | + | <INCLUDE_TYPOSCRIPT: |
- | # colPos = 1: | + | |
- | 10 < styles.content.getLeft | + | // so gehts: |
- | # colPos | + | <INCLUDE_TYPOSCRIPT: |
- | 10 < styles.content.getRight | + | <INCLUDE_TYPOSCRIPT: |
- | # colPos | + | |
- | 10 < styles.content.getBorder | + | |
</ | </ | ||
- | Wer mehr Spalten benötigt, kann mit Backend-Layouts die gewünschte Menge sowie das Layout im Backend einstellen. Um die Seiteninhalte der zusätzlichen Spalten im Frontend ausgeben zu können, benötigt man noch folgendes TypoScript. Diese Konfiguration ist identisch mit der in '' | + | Quelle: [[https:// |
+ | ---- | ||
+ | |||
+ | |||
+ | ===== Beliebig viele Spalten/ | ||
+ | |||
+ | Bei '' | ||
+ | |||
+ | '' | ||
+ | |||
+ | Neue Spalten können in TYPO3 aber auf einfache Weise angelegt werden. Mit Backend-Layouts lässt sich die gewünschte Menge sowie das Layout im Backend unter Web>Page einstellen. Ein Wizard hilft bei der Erstellung der Konfiguration. Für jeden Bereich gibt es einen frei wählbaren Namen sowie die Spaltennummer, | ||
+ | |||
+ | **Page TSconfig für BackendLayout: | ||
<code typoscript> | <code typoscript> | ||
- | page.10.marks.NEWCOLUMN | + | mod.web_layout.BackendLayouts { |
- | page.10.marks.NEWCOLUMN | + | 1 { |
- | | + | title = Example |
- | | + | icon = EXT: |
- | | + | config |
- | | + | |
- | # Muss bei mehrsprachigen Websites gesetzt werden, sonst wird der Inhalt aller Sprachen ausgegeben. | + | colCount |
- | | + | |
+ | rows { | ||
+ | 1 { | ||
+ | columns { | ||
+ | 1 { | ||
+ | name = Header | ||
+ | | ||
+ | | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | 2 { | ||
+ | columns { | ||
+ | 1 { | ||
+ | name = linke Spalte | ||
+ | colPos = 1 | ||
+ | } | ||
+ | 2 { | ||
+ | name = rechte Spalte | ||
+ | colPos = 2 | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
} | } | ||
} | } | ||
</ | </ | ||
- | ---- | + | Um die Seiteninhalte der konfigurierten Spalten |
- | + | ||
- | ===== Listenelemente | + | |
- | + | ||
- | Hiermit lassen sich Auflistungszeichen und Text separat formatieren. | + | |
<code typoscript> | <code typoscript> | ||
- | lib.parseFunc_RTE.externalBlocks | + | page.10.variables.content_0 |
- | lib.parseFunc_RTE.externalBlocks | + | page.10.variables.content_0 |
- | li.callRecursive | + | |
- | li.callRecursive.alternativeWrap | + | |
- | li.stdWrap.HTMLparser { | + | |
- | allowTags | + | |
- | removeTags | + | } |
- | } | + | |
- | ul.callRecursive | + | |
- | ol.callRecursive = 1 | + | |
} | } | ||
+ | |||
+ | page.10.variables.content_1 < page.10.variables.content_0 | ||
+ | page.10.variables.content_1.select.where = colPos=1 | ||
+ | |||
+ | page.10.variables.content_2 < page.10.variables.content_0 | ||
+ | page.10.variables.content_2.select.where = colPos=2 | ||
</ | </ | ||
- | <code css> | + | |
- | li {color: | + | |
- | li > span {color: | + | |
- | </ | + |