TYPO3 图像调整大小和裁剪

Question

有没有办法使用打字稿在“文本和图像”元素中调整和裁剪图像？

我过去曾使用它通过设置图像布局为“仅限图像”元素提供自定义包装：

# Get default settings for images
temp.image < tt_content.image.20
# Define new layout
tt_content.image.20 = CASE
tt_content.image.20 {
  key.field = layout
  default < temp.image
  1 < temp.image
  100 < temp.image
  100 {
    imageStdWrap.dataWrap = <div class="gallery"><ul>|</ul></div>
    renderMethod = ul
    rendering {
      ul {
        oneImageStdWrap.dataWrap = <li>|</li>
      }
    }
    layout.default.value = ###IMAGES###
  }
}
# Set defaults also for TEXTPIC
tt_content.textpic.20 = < tt_content.image.20.default

有没有办法修改这种相同的技术以包含设置的宽度和高度？

Answer 1

请记住，这仅适用于 CSC。 FSC 使用流体模板而不是打字稿。
但用法应该相同：在 FSC 中查找适当的部分，在 CSC 中查找 IMAGE 对象（对于您的示例，应该在 temp.image 中）。然后您可以找到记录的宽度和高度的用法或图像的默认最大尺寸。
在那里，您可以根据您选择的布局附加一个覆盖值。

在FSC中，您可以找到部分EXT:fluid_styled_content/Resources/Private/Partials/Mediagallery.html，将其复制并增强路径。
在该文件的末尾，您可以找到 media 部分。
根据您的布局，您可以像这样修改它：

<f:section name="media">
    <f:if condition="{layout} == 1">
    <f:then>
    <f:media
        file="{column.media}"
        width="200c"
        height="200c"
        alt="{column.media.alternative}"
        title="{column.media.title}"
    /></f:then>
    <f:else>
    <f:media
        file="{column.media}"
        width="{column.dimensions.width}"
        height="{column.dimensions.height}"
        alt="{column.media.alternative}"
        title="{column.media.title}"
    /></f:else>
    </f:if>
</f:section>

CSC 解决方案（适用于 7.6）是包装宽度（和高度）属性：

tt_content.image.20 {
  maxW.override {
    override = 200c
    override.if {
      equals.field = layout
      value = 1
    }
  }
}

注意！字段layout在“文本和图像”中以其他方式使用。您可以使用其他字段（例如 section_frame），
具有覆盖覆盖的构造是添加到现有功能的必要条件。