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
    }
  }
}

注意力！ 字段布局以其他方式用于“文本和图像”。 您可能会使用另一个字段（例如section_frame ），
具有覆盖覆盖的构造对于添加到现有功能是必要的。