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 接受的所有其他选项（例如宽度）。