Html TYPO3 DCE(流体):如何生成SVG对象而不是图像标记?
我们的TYPO3用户(编辑)需要在TYPO3网站上交换/更新SVG文件。svg文件是可点击的,因此Html TYPO3 DCE(流体):如何生成SVG对象而不是图像标记?,html,svg,typo3,fluid,dce,Html,Svg,Typo3,Fluid,Dce,我们的TYPO3用户(编辑)需要在TYPO3网站上交换/更新SVG文件。svg文件是可点击的,因此 但是,根据,我可能可以使用如下流体代码: <f:layout name="Default" /> <f:section name="main"> <div class="container"> <f:for each="{dce:fal(field:'image1', contentObject:contentObject)}" as="fileR
但是,根据,我可能可以使用如下流体代码:
<f:layout name="Default" />
<f:section name="main">
<div class="container">
<f:for each="{dce:fal(field:'image1', contentObject:contentObject)}" as="fileReference" iteration="iterator">
<f:if condition="{iterator.isFirst}">
<f:image src="{fileReference.uid}" alt="" treatIdAsReference="1" />
</f:if>
</f:for>
</div>
</f:section>
根据对象进行调整后,将:
<img src="{f:uri.image(src: 'uploads/tx_myext/{imgIcon}')}">
不幸的是,我不知道作为src提供什么{fileReference.uid}
仅插入文件的唯一id(一个数字)
如何将文件id转换为图片的相对或绝对URI?我认为viewhelper属性treatIdAsReference是您需要的。 f:image和f:uri:image可以处理文件和文件引用 看起来您有一个FileReference,因此应该添加值为1的属性 下面是一个使用内联表示法的示例:
<object data="{f:uri.image(src: 'xxx')}" type="image/svg+xml">
<img src="{f:uri.image(src: 'xxx')}">
</object>
这样做的结果是文件的路径,可以在常规HTML标记中使用。这是什么意思?“svg文件是可点击的,因此html标记对它们不起作用。”感谢您的提示。我忘了标记html标记,所以它们是不可见的。我的意思是html标记
对他们不起作用。现在编辑问题。
{f:uri.image(src: '{fileReference.uid}', treatIdAsReference:'1')}