[TYPO3-german] Fluid Typo3 9.5.3 nur bei ColPos= 0 dem <p>-Tag eine Klasse zuweisen
Heike Herzog-Kuhnke
hhk at kuhnke-owl.de
Sun Jan 13 08:15:45 CET 2019
Birgit,
Du bist die Heldin des Tages heute :)
Vielen Dank. So hat es funktioniert.
Ich habe die Lib in mein Typoskript vor PAGE eingefügt und dann in dem
Template für Text die Fluid-Template Zeilen eingefügt und schon macht er
das was er soll.
Tausend dank. Das sieht klasse aus und ich habe das Gefühl wieder ein
wenig mehr verstanden zu haben :)
Falls Du mal irgendwann in der Nähe von Augsburg unterwegs sein
solltest, dann melde Dich. Du hast was gut.
LG
Heike
Am 12.01.19 um 19:39 schrieb Birgit:
> Nachtrag:
>
> ich hatte vergessen zu kennzeichnen:
>
> ### Typoscript Constants
>
> # Fluid-Templates für die Contentelemente aus fluid_styled_content überschreiben
> # Kopien der Templates, die geändert werden sollen, in einem Verzeichnis ablegen, fileadmin oder eigene Extension
> styles.templates {
> layoutRootPath = EXT:br_ext_fluidstyledcontent/Resources/Private/Layouts
> templateRootPath = EXT:br_ext_fluidstyledcontent/Resources/Private/Templates
> partialRootPath = EXT:br_ext_fluidstyledcontent/Resources/Private/Partials
>
> }
>
> VG Birgit
>
>> Am 12.01.2019 um 19:36 schrieb Birgit <lists at berlin-typo3.de>:
>>
>> Hallo Heike,
>>
>> dir fehlen vielleicht an anderer Stelle 3 Klammern.
>>
>> Bei mir funktioniert es in TYPO3 9.x - allerdings nur ohne die Condition.
>>
>> Das heißt, die Manipulation lässt sich so nicht auf eine Spalte eingrenzen.
>>
>> Voraussetzungen:
>>
>> EXT: fluid_styled_content
>> EXT: rte_ckeditor
>> sind geladen
>>
>> Funktioniert in der Form nicht mit EXT:rtehtmlarea.
>>
>> Das TypoScript muss NACH dem TypoScript von EXT: fluid_styled_content geladen werden, weil es deren Konfiguration überschreibt.
>>
>>
>> So funktioniert es mit Condition:
>> ---------------------------------------------
>>
>> Du brauchst eine eigene lib.parseFunc.
>>
>> Die Condition muss im Fluid Template angelegt werden.
>> Dafür musst du die betreffenden Fluid-Templates für die Contentelemente aus EXT:fluid_styled_content überschreiben.
>>
>>
>>
>> ### TypoScript Setup
>>
>> lib.parseFunc_ColPos_0 < lib.parseFunc_RTE
>> lib.parseFunc_ColPos_0 {
>> externalBlocks := addToList(p)
>> externalBlocks {
>> p {
>> stdWrap {
>> HTMLparser = 1
>> HTMLparser {
>> tags.p.fixAttrib.class {
>> default = lead
>> always = 1
>> list = lead
>> }
>> }
>> keepNonMatchedTags = 1
>> }
>> }
>> }
>> }
>>
>> # Fluid-Templates für die Contentelemente aus fluid_styled_content überschreiben
>> # Kopien der Templates, die geändert werden sollen, in einem Verzeichnis ablegen, fileadmin oder eigene Extension
>> styles.templates {
>> layoutRootPath = EXT:br_ext_fluidstyledcontent/Resources/Private/Layouts
>> templateRootPath = EXT:br_ext_fluidstyledcontent/Resources/Private/Templates
>> partialRootPath = EXT:br_ext_fluidstyledcontent/Resources/Private/Partials
>>
>> }
>>
>>
>> ### Fluid Template
>> # z.B. EXT:br_ext_fluidstyledcontent/Resources/Private/Templates/Text.html
>> <f:if condition="{colPos}==0">
>> <f:then><f:format.html parseFuncTSPath="lib.parseFunc_ColPos_0">{data.bodytext}</f:format.html></f:then>
>> <f:else><f:format.html>{data.bodytext}</f:format.html></f:else>
>> </f:if>
>>
>>
>>
>> Um dein Ziel anders zu erreichen kannst du alternativ z.B:
>>
>> - die Manipulation per CSS bzw. SASS/LESS machen, wie ich schon beschrieben hatte
>>
>> - oder per JavaScript den <p> Tags die Klasse zuweisen
>>
>>
>> viele Grüße
>> Birgit
>>
>>
>>
>>
>>> Am 12.01.2019 um 16:48 schrieb Heike Herzog-Kuhnke <hhk at kuhnke-owl.de>:
>>>
>>> Also ich hatte es jetzt noch mal in meinem Typoskript für den MainContent drin und hier hat mir die Template Analyse freundlich mitgeteilt, dass ihr drei schließende Klammern fehlen, die ich eingefügt habe (leider ohne erfolg...)
>>>
>>> --------------------
>>>
>>> [globalVar = TSFE:tt_content|colPos = 0]
>>> # alternativ
>>> // [globalVar = TSFE:tt_content|colPos = 0, CType = text]
>>>
>>> lib.parseFunc_RTE {
>>> externalBlocks := addToList(p)
>>> externalBlocks = p
>>> externalBlocks {
>>> p {
>>> stdWrap {
>>> HTMLparser = 1
>>> HTMLparser {
>>> tags.p.fixAttrib.class {
>>> default = lead
>>> always = 1
>>> list = lead
>>> }
>>> }
>>> keepNonMatchedTags = 1
>>> }
>>> }
>>> }
>>> }
>>> [global]
>>> -------------------
>>>
>>> Auch der Text mit der Alternative der globalVar Condition hat leider nichts gebracht...
>>>
>>> LG
>>> Heike
>>>
>>> Am 12.01.19 um 08:45 schrieb Heike Herzog-Kuhnke:
>>>> Nachtrag:
>>>> In den Ressourcen der Seite machts das auch nicht :(
>>>> LG
>>>> Heike
>>>> Am 12.01.19 um 08:42 schrieb Heike Herzog-Kuhnke:
>>>>> Hmhhh,
>>>>>
>>>>> also ich hab das jetzt an drei Stellen ausprobiert.
>>>>> Im Objekt selbst:
>>>>> -------------------------
>>>>> lib.mainContent = COA
>>>>>
>>>>> [globalVar = TSFE:tt_content|colPos = 0]
>>>>> # alternativ
>>>>> // [globalVar = TSFE:tt_content|colPos = 0, CType = text]
>>>>>
>>>>> lib.parseFunc_RTE {
>>>>> externalBlocks := addToList(p)
>>>>> externalBlocks = p
>>>>> externalBlocks {
>>>>> p {
>>>>> stdWrap {
>>>>> HTMLparser = 1
>>>>> HTMLparser {
>>>>> tags.p.fixAttrib.class {
>>>>> default = lead
>>>>> always = 1
>>>>> list = lead
>>>>> }
>>>>> keepNonMatchedTags = 1
>>>>> }
>>>>> }
>>>>>
>>>>> [global]
>>>>>
>>>>> lib.mainContent {
>>>>> 10 = COA
>>>>> 10 < styles.content.get
>>>>> 10.select.where = colPos=0
>>>>>
>>>>>
>>>>> }
>>>>> }
>>>>>
>>>>> ---------------------
>>>>>
>>>>> ändert nix...
>>>>>
>>>>> Im Typoskript der Seite:
>>>>> mal so:
>>>>> -----------------------
>>>>> config {
>>>>> doctype = xhtml_trans
>>>>> htmlTag_langKey = de
>>>>> xmlprologue = none
>>>>> language= de
>>>>> locale_all = de_DE
>>>>> contentObjectExceptionHandler = 0
>>>>> }
>>>>>
>>>>>
>>>>> page = PAGE
>>>>> page.shortcutIcon = fileadmin/templates/images/favicon.ico
>>>>> page.meta.viewport = width=device-width, initial-scale=1.0
>>>>>
>>>>>
>>>>> [globalVar = TSFE:tt_content|colPos = 0]
>>>>> # alternativ
>>>>> // [globalVar = TSFE:tt_content|colPos = 0, CType = text]
>>>>>
>>>>> lib.parseFunc_RTE {
>>>>> externalBlocks := addToList(p)
>>>>> externalBlocks = p
>>>>> externalBlocks {
>>>>> p {
>>>>> stdWrap {
>>>>> HTMLparser = 1
>>>>> HTMLparser {
>>>>> tags.p.fixAttrib.class {
>>>>> default = lead
>>>>> always = 1
>>>>> list = lead
>>>>> }
>>>>> keepNonMatchedTags = 1
>>>>> }
>>>>> }
>>>>>
>>>>> [global]
>>>>>
>>>>> page {
>>>>> 1 = FLUIDTEMPLATE
>>>>> 1 {
>>>>> file = fileadmin/templates/BootstrapOWL/templates/template.html
>>>>> partialRootPath = fileadmin/templates/BootstrapOWL/partials
>>>>> layoutRootPath = fileadmin/templates/BootstrapOWL/layouts
>>>>>
>>>>> }
>>>>>
>>>>> includeCSS.bootCSS = fileadmin/templates/BootstrapOWL/css/bootstrap.css
>>>>> includeCSS.carousel = fileadmin/templates/BootstrapOWL/css/caroussel.css
>>>>> includeJSFooter.jquery = https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js
>>>>> includeJSFooter.bootstrap = fileadmin/templates/BootstrapOWL/js/bootstrap.min.js
>>>>> includeJSFooter.iewa = fileadmin/templates/BootstrapOWL/ja/ie10-viewport-bug-workaround.js
>>>>>
>>>>> variables {
>>>>> hauptText < styles.content.get
>>>>> hauptText.select.where = colPos=0
>>>>>
>>>>> }
>>>>> }
>>>>> --------------------------
>>>>>
>>>>> und mal so:
>>>>>
>>>>> --------------------------
>>>>>
>>>>> config {
>>>>> doctype = xhtml_trans
>>>>> htmlTag_langKey = de
>>>>> xmlprologue = none
>>>>> language= de
>>>>> locale_all = de_DE
>>>>> contentObjectExceptionHandler = 0
>>>>> }
>>>>> [globalVar = TSFE:tt_content|colPos = 0]
>>>>> # alternativ
>>>>> // [globalVar = TSFE:tt_content|colPos = 0, CType = text]
>>>>>
>>>>> lib.parseFunc_RTE {
>>>>> externalBlocks := addToList(p)
>>>>> externalBlocks = p
>>>>> externalBlocks {
>>>>> p {
>>>>> stdWrap {
>>>>> HTMLparser = 1
>>>>> HTMLparser {
>>>>> tags.p.fixAttrib.class {
>>>>> default = lead
>>>>> always = 1
>>>>> list = lead
>>>>> }
>>>>> keepNonMatchedTags = 1
>>>>> }
>>>>> }
>>>>>
>>>>> [global]
>>>>>
>>>>>
>>>>> page = PAGE
>>>>> page.shortcutIcon = fileadmin/templates/images/favicon.ico
>>>>> page.meta.viewport = width=device-width, initial-scale=1.0
>>>>>
>>>>>
>>>>>
>>>>> page {
>>>>> 1 = FLUIDTEMPLATE
>>>>> 1 {
>>>>> file = fileadmin/templates/BootstrapOWL/templates/template.html
>>>>> partialRootPath = fileadmin/templates/BootstrapOWL/partials
>>>>> layoutRootPath = fileadmin/templates/BootstrapOWL/layouts
>>>>>
>>>>> }
>>>>>
>>>>> includeCSS.bootCSS = fileadmin/templates/BootstrapOWL/css/bootstrap.css
>>>>> includeCSS.carousel = fileadmin/templates/BootstrapOWL/css/caroussel.css
>>>>> includeJSFooter.jquery = https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js
>>>>> includeJSFooter.bootstrap = fileadmin/templates/BootstrapOWL/js/bootstrap.min.js
>>>>> includeJSFooter.iewa = fileadmin/templates/BootstrapOWL/ja/ie10-viewport-bug-workaround.js
>>>>>
>>>>> variables {
>>>>> hauptText < styles.content.get
>>>>> hauptText.select.where = colPos=0
>>>>>
>>>>> }
>>>>> }
>>>>>
>>>>> ----------------------
>>>>>
>>>>> Eigentlich war ich sicher, dass die Stelle innerhalb von PAGE richtig ist. Muss ich das gegebenenfalls in den Ressourcen der Seite mitgeben und nicht in den Skripts?
>>>>>
>>>>> <p> ist aktuell noch ohne Klasse...
>>>>>
>>>>>
>>>>> Danke Dir nochmal.
>>>>>
>>>>> LG
>>>>> Heike
>>>
>>> _______________________________________________
>>> TYPO3-german mailing list
>>> TYPO3-german at lists.typo3.org
>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>
>
More information about the TYPO3-german
mailing list