TYPO3 图像调整大小和裁剪

Question

有没有办法使用 typescript 在“文本和图像”元素中调整图像大小和裁剪图像？

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

# 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 使用流体模板而不是 typescript 。
但用法应该是相同的:在 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)，
具有覆盖功能的构造需要添加到现有功能中。