css - 为页面内容中的图像创建自定义布局 TYPO3 6

Question

Typo3 提供了将多个图像添加到页面内容的选项，但所有图像都被包裹在一些默认的 <div> 下标签。我希望将这些图像包装在 <ul> and <li> 下标签并提供我自己的自定义 CSS ids and classes给它。

TYPO3 上没有太多资源可供我解决这个问题。 TYPO3 可以允许为页面内容元素使用自定义标签吗？

更新

从 Jost 的回答中可以显示我的图像，但是如何拆分图像细节？

我的每张图片都会有 title, alt-text, image-path and image-link .现在，使用 TypoScript 我该如何检索它，因为每个细节都必须放在单独的标签中。

Answer 1

检查 TypoScript 对象浏览器。在那里您会找到对象 tt_content，它包含内容元素的呈现定义。例如，图像的渲染定义位于 tt_content.image.20

tt_content.image.20.imageStdWrap.dataWrap = <div class="csc-textpic-imagewrap" style="width:{register:totalwidth}px;"> | </div>

那里给出的默认定义通常由 CSS-styled-content 的静态 TypoScript 提供。您可以在自己的 TS 中覆盖它们，但是当更新到较新的 TYPO3 版本时，默认模板可能会更改，这可能会导致额外的包装器。

更新

TYPO3 中的大部分内容渲染都是在 TypoScript 对象 tt_content 中定义的。您可以通过选择"template"模块和相关页面来浏览将在页面上使用的所有 TS 对象，然后在窗口顶部的选择框中选择“TypoScript 对象浏览器”。要理解这些东西的含义，需要了解 TypoScript(Tutorial、Reference)。

您可以添加自己的 TypoScript，它可能会覆盖现有设置。您也可以在模板模块中执行此操作，但通常这是通过在 fileadmin 文件夹中的某处创建一个包含脚本的文件并将其包含在模板模块中来完成的。

以上内容使您能够编辑页面的标记。 (附加)CSS 通常在外部文件中定义，这些文件包含在 PAGE 对象中(请参阅相关引用)。