TYPO3 图像调整大小和裁剪

Question

有没有办法使用拼写错误在 'Text and Images' 元素内调整图像大小和裁剪图像？

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

# 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 在 'text and image' 中另有用途。您可以使用另一个字段（例如 section_frame），
具有覆盖覆盖的构造是添加到现有功能所必需的。

TYPO3 图像调整大小和裁剪

TYPO3 image resize and crop

typo3

typoscript

typo3-7.6.x