TYPO3 DCE（Fluid）：イメージタグの代わりにSVGオブジェクトを生成するには？

Question

私たちのTYPO3ユーザ（編集者）は、SVGファイルをTYPO3ウェブサイトに交換/更新する必要があります。 svgファイルはクリック可能なため、<img> htmlタグは機能しません。 <object>タグの代わりに<img>のフォールバック（Do I use <img>, <object>, or <embed> for SVG files?）を使用することにしました。

ガラス張りのための流体のコードは、通常のIMGタグを生成するために容易である：

<img src="{f:uri.image(src: 'uploads/tx_myext/{imgIcon}')}"> 

：

<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> 

しかし、FluidTYPO3 vhs ViewHelper for SVG Images?によれば、私はこのような流体のコードを使用することができるかもしれません

<object data="{f:uri.image(src: 'xxx')}" type="image/svg+xml"> 
    <img src="{f:uri.image(src: 'xxx')}"> 
</object> 

残念ながら、私にはありません何をsrcとして提供するか考えてください。 {fileReference.uid}は、ファイルの一意のID（数字）のみを挿入します。

ファイルIDを画像の相対URIまたは絶対URIに変換するにはどうすればよいですか？

Answer 1

私はviewhelper属性treatIdAsReferenceはあなたが探しているものだと思います。 f：イメージだけでなく、f：uri：imageはFilesおよびFileReferencesを処理できます。

あなたはのFileReferenceを持っているように、あなたがここで値1 に属性を追加する必要がありますので、それは、インライン表記と一例である、になります。

{f:uri.image(src: '{fileReference.uid}', treatIdAsReference:'1')} 

この結果は、あなたのファイルへのパスです、それはすることができます通常のHTMLタグで使用されます。