TYPO3(流体): Generate FAL-SVG-Image as inline code

Question

新 TS 选项是否有流体挂件 Feature: #82091 - Allow inline rendering in SVG content object或解决方法？我看到的唯一解决方案 (atm) 是编写我自己的 viewhelper，否则我错过了什么？

Answer 1

您可以在根模板中定义一个 typoscript 对象:

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 对象。但是，您可以只获取文件公共(public) url:

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

或

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

取决于您是否在 Extbase cotext 中(参见 the documentation)。您还可以传递 cObject 在 f:cObject ViewHelper 的 data 参数中采用的所有其他选项(例如宽度)。