TYPO3（流體）：將 FAL-SVG-Image 生成為內聯代碼

Question

新的 TS 選項是否有流體掛件功能：#82091 - 允許在 SVG 內容 object 中進行內聯渲染或解決方法？ 我看到的唯一解決方案（atm）是編寫我自己的 viewhelper 或者我錯過了什么？

Answer 1

您可以在您的根模板中定義一個打字稿 object：

lib.inlineSvg = SVG
lib.inlineSvg {
  renderMode = inline
  src.field = src
}

（參見SVG cObject ）。 然后在你的流體中你可以這樣做：

<f:cObject typoscriptObjectPath="lib.inlineSvg" data="{src: 'path/to/the/file.svg'}" />

當然，這將您限制在您擁有圖像的實際路徑的情況下。 您不能（直接）引用 FAL object。 但是，您可以將文件公開 url：

<f:cObject typoscriptObjectPath="lib.inlineSvg" data="{src: filereference.publicUrl}" />

或者

<f:cObject typoscriptObjectPath="lib.inlineSvg" data="{src: filereference.originalResource.publicUrl}" />

取決於您是否在 Extbase cotext 中（請參閱文檔）。 您還可以在f:cObject ViewHelper 的data參數中傳遞 cObject 接受的所有其他選項（例如寬度）。