Question

我需要这个FLUID代码“内联”：

<f:for each="{dce:fal(field:'textImageTeaserImage', contentObject:contentObject)}" as="fileReference" iteration="iterator">
<f:image src="{fileReference.uid}" treatIdAsReference="1" title="{field.textImageTeaserHeadline}" alt="{field.textImageTeaserHeadline}" class="img-responsive" width="1920c" height="780c" />
</f:for>

这里是一个带有Image-Url的测试：

{f:for(each: '{dce:fal(field: \'textImageTeaserImage\', contentObject:contentObject)}', as:'fileReference', iteration:'iterator') -> f:uri.image(src: 'fileReference.uid', treatIdAsReference: '1')}

但是，它不起作用：（

谢谢，塞巴斯蒂安

Answer 1

内联语法颠倒顺序（子节点位于父节点之前）。正确的语法：

{f:uri.image(src: 'fileReference.uid', treatIdAsReference: '1') 
    -> f:for(each: '{dce:fal(field: \'textImageTeaserImage\', contentObject: contentObject)}', as: 'fileReference', iteration: 'iterator')}

可以使用相同的方法来渲染节，例如，如果您需要添加ViewHelpers本身未添加的其他标记。

Answer 2

我建议结合<f:spaceless /> ViewHelper使用自己的部分。

（未经测试的）示例：

<f:section name="main">
    <f:render section="imgs" arguments="{field:field,fieldName:'textImageTeaserImage',contentObject:contentObject}" />
</f:section>

<f:section name="imgs">
    <f:spaceless>
        <f:for each="{dce:fal(field:fieldName, contentObject:contentObject)}" as="fileReference" iteration="iterator">
            <f:image src="{fileReference.uid}" treatIdAsReference="1" title="{field.textImageTeaserHeadline}" alt="{field.textImageTeaserHeadline}" class="img-responsive" width="1920c" height="780c" />
        </f:for>
    </f:spaceless>
</f:section>

Answer 3

工作：

<f:for each="{dce:fal(field:'textImageTeaserImage', contentObject:contentObject)}" as="fileReference" iteration="iterator">
        <div style="background-image: url('{f:uri.image(src: '{fileReference.uid}', treatIdAsReference: 1, absolute: 1)}');">
        </f:for>

但这不好：）

TYPO3 FLUID - 图像和每个 - INLINE

3 个答案: