如何删除 typo3 中图像周围的 div？

Question

我在 typo3 中添加了一张图片。它在页面中显示了额外的 div。

  <div class="csc-textpic csc-textpic-center csc-textpic-above">
    <div class="csc-textpic-imagewrap" data-csc-images="1" data-csc-cols="2">
        <div class="csc-textpic-center-outer">
            <div class="csc-textpic-center-inner">
            <figure class="csc-textpic-image csc-textpic-last">
                <img src="fileadmin/user_upload/aetuts.jpg" width="200" height="50" alt=""></figure>
            </div>
        </div>
    </div>
</div>

我想要这样的东西

 <img src="fileadmin/user_upload/aetuts.jpg" width="200" height="50" alt="">

没有额外的包装。

我可以做这样的事情来删除围绕内容的额外包装。

tt_content.stdWrap.innerWrap >

图片怎么办？

Answer 1

关于您的具体问题

以下代码应删除图像周围的所有环绕。请记住，这也会删除定位和浮动功能。

# Remove some wraps
tt_content.image.20.imageStdWrap.dataWrap >
tt_content.image.20.imageStdWrapNoWidth.dataWrap >
tt_content.image.20.imageColumnStdWrap.dataWrap >

# Redefine the layout switch with only one default case
tt_content.image.20.layout >
tt_content.image.20.layout = CASE
tt_content.image.20.layout.key.field = imageorient
tt_content.image.20.layout.default = TEXT
tt_content.image.20.layout.default.value = ###IMAGES### ###TEXT###

# Remove the wrap around the image subtext
tt_content.textpic.20.text.wrap = |

# Define a new rendering method without wraps
tt_content.image.20.rendering.noWraps {
  imageRowStdWrap.dataWrap = |
  noRowsStdWrap.wrap =
  oneImageStdWrap.dataWrap = |
  imgTagStdWrap.wrap = |
  editIconsStdWrap.wrap = |
  caption.wrap = |
}
# Set this as active rendering method
tt_content.image.20.renderMethod = noWraps

.

如何对任何内容元素执行此操作

在 Typo3

模板

转到包含您的模板的页面
编辑您的模板
Select Typoscript-Object-Browser 在顶部（而不是 Info/Edit）
使用搜索表单查找包裹，例如"csc-textpic"
确定要删除的包装或模板
在您的 Typoscript 代码中覆盖或删除 > 它们

如何删除 typo3 中图像周围的 div？

How to remove div around an image in typo3?

html

typo3

typo3-7.x

关于您的具体问题

如何对任何内容元素执行此操作