TYPO3 Dynamic Content Elements (DCE) mit statischen Dat...

Größe: px

Ab Seite anzeigen:

Download "TYPO3 Dynamic Content Elements (DCE) mit statischen Dat..."

Kasimir Goldschmidt
vor 6 Jahren
Abrufe

1 TYPO3 Dynamic Content Elements (DCE mit statischen Dat... (/ TYPO3 Dynamic Content Elements (DCE mit statischen Dateien Veröffentlicht von Henrik Braune am Dynamische Inhaltselemente wurden in TYPO3 in der Vergangenheit überwiegend mit FCE-Elementen der Extension TemplaVoila realisiert. In neueren TYPO3-Version wird vielfach die Erweiterung DCE eingesetzt, deren Unterstützung für statische Konfigurationsdateien bisher nicht dokumentiert ist. Statische Konfigurationsdateien für Dynamische Inhaltselemente der DCE-Erweiterung werden standardmäßig innerhalb der MySQL-Datenbank abgelegt. Dies hat den Nachteil, dass Code und Inhalt in diesem Fall unzureichend getrennt sind. Damit Entwickler gemeinsam an einem Projekt arbeiten können, genügt ist in diesem Fall nicht mehr, den letzten Stand aus dem git-repository zu beziehen. Gleichzeitig muss auch der letzte Stand der Datenbank übermittelt werden, damit das Projekt in den lokalen Entwicklungsumgebungen einen identischen Funktionsumfang hat. Genau dies ist innerhalb der DCE-Extension durch statische DCE s gelöst, die im Dateisystem abgelegt werden können und keine Datenbank mehr benötigen. Weil der Hauptentwickler Armin Vieweg ( statische DCE s als Haupt-Feature für die Version 2.0 geplant hat, ist die der aktuelle Support derzeit noch nicht dokumentiert. Darüber hinaus verfügt die Version 1.3 aktuell noch über vereinzelte Fehler, die der Pull-Request von David Bascom ( /ArminVieweg/dce/pull-requests/18/static-dce-bugfixes lösen konnte. Wir haben diesen Pull-Request in unseren Fork der Erweiterung ( 1 von , 14:14

2 TYPO3 Dynamic Content Elements (DCE mit statischen Dat... integriert. Im Folgenden ist beispielhaft skizziert, wie ein statisches DCE-Element innerhalb einer beliebigen Extension abgelegt wird. Zunächst muss im Extension Manager der Pfad der statischen DCE-Dateien angegeben werden (general.filebaseddcepath. Anschließend muss für jedes DCE ein eigener Ordner innerhalb des Verzeichnisses angelegt werden. Der Ordnername (hier: slider ist gleichzeitig der "Identifier" des Elements. Anschließend kann das DCE konfiguriert werden. Wir haben ein Beispiel verwendet, in dem eine Section beliebig viele Container-Elemente besitzt. 2 von , 14:14

3 TYPO3 Dynamic Content Elements (DCE mit statischen Dat tx_dce.static { 2 hidden = 0 3 title = Slider 4 identifier = slider 5 6 fields { 7 8 slides { 9 type = 2 10 title = Slides 11 section_fields_tag = Slide 12 variable = slides section_fields { 15 header { title = Header 18 variable = header <type>input</type> 22 <size>30</size> 23 <eval>trim,required</eval> background { title = Background 31 variable = background <type>group</type> 35 <internal_type>db</internal_type> 36 <appearance> 37 <elementbrowsertype>file</elementbrowsertype> 38 <elementbrowserallowed>jpg,jpeg,png,gif</elementbrowse 39 </appearance> 40 <allowed>sys_file</allowed> 41 <size>5</size> 42 <minitems>0</minitems> 43 <maxitems>5</maxitems> 44 <show_thumbs>1</show_thumbs> von , 14:14

4 TYPO3 Dynamic Content Elements (DCE mit statischen Dat... link { title = Link variable = link <type>input</type> <size>30</size> <eval>trim</eval> <softref>typolink,typolink_tag,images,url</softref> <wizards> <_PADDING>2</_PADDING> <link> <type>popup</type> <title>link</title> <module> <name>wizard_element_browser</name> <urlparameters> <mode>wizard</mode> </urlparameters> </module> <icon>link_popup.gif</icon> <script>browse_links.php?mode=wizard</script> <params> <!--<blindlinkoptions>page,file,folder,url,spe </params> <JSopenParams>height=500,width=500,status=0,menubar=0, </link> </wizards> icon { title = Icon variable = icon <type>select</type> <items type='array'> <numindex index='0' type='array'> <numindex index='0'>ausflugstipps</numindex> <numindex index='1'>ausflugstipps</numindex> </numindex> 4 von , 14:14

5 TYPO3 Dynamic Content Elements (DCE mit statischen Dat... </items> <size>1</size> <minitems>1</minitems> <maxitems>1</maxitems> linktitle { title = Link Title variable = linktitle <type>input</type> <size>30</size> <eval>trim,required</eval> wizard_enable = 1 wizard_category = common wizard_description = Super Slider wizarddescription <.wizard_description wizard_icon = content-textpic selectedwizardiconpath <.wizard_icon enable_detailpage = 0 cache_dce = 1 hide_default_ce_wrap = 0 show_access_tab = 0 show_category_tab = 0 palette_fields = sys_language_uid, l18n_parent, colpos, spacebefore, space template_layout_root_path = EXT:dce/Resources/Private/Layouts/ template_partial_root_path = EXT:dce/Resources/Private/Partials/ DCE-Konfiguration: EXT:extension_name/Resources/Private/Dce/slider/Dce.ts 5 von , 14:14

6 TYPO3 Dynamic Content Elements (DCE mit statischen Dat {namespace dce=arminvieweg\dce\viewhelpers < f: for each="{fields.slides" as="slide"> < f: image src="{slide.background" height="100c" width="100c" alt="{slide.h </ f: for> DCE-Konfiguration: EXT:extension_name/Resources/Private/Dce/slider/BackendBodytext.html <div id="slider"> </div> < f: for each="{fields.slides" as="slide"> <div class="slide"> </div> </ f: for> <f:link.page pageuid="{slide.link" title="{slide.linktitle"> <div class="slide-image" style="background-image:url({f:uri.im <div class="{slide.icon"></div> <figcaption"><span>{slide.header</span></figcaption> </f:link.page> DCE-Konfiguration: EXT:extension_name/Resources/Private/Dce/slider/Frontend.html 6 von , 14:14

Ähnliche Dokumente

Extension- Entwicklung in TYPO3 am Beispiel einer Seminarverwaltung

Extension- Entwicklung in TYPO3 am Beispiel einer Seminarverwaltung Projekte: Impuls Ergotherapiefortbildung DAV Fulda von: Andreas Kempf Version: 1.7 03.02.2010 Ausgangssituation: Impuls Ergotherapiefortbildung