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 使用流体模板而不是 TypoScript。

但是用法应该是相同的：在 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），
具有 override 的构造需要添加到现有功能中。