Html 键入3个模板并更改div id

我有一个TYPO3的模板，我想用它来编辑一些页面，在这里我有一个DIV

是否可以根据页面UID更改DIV ID。这是唯一更改内容/图像的DIV，我希望将此DIV放入main.html模板中

所以如果

UID=2
UID=3

等等。。。。

---

我可以这样做吗？我可以在TS（打字脚本）中这样做吗？或者我如何这样做，所以我不需要制作5个模板。

您可以通过在模板中插入一个标记来完成。它看起来像这样：

在模板中：

[...]
<div id="topbanner_###ID_SUFFIX###"></div>
[...]

---

如果默认页面提供的字段不够，可以向页面记录中添加另一个字段。最好的方法是构建一个扩展来实现这一点。

我找到了一个更好的解决方案，如果我使用ressource并添加一个图像，然后在下一页对另一个图像执行相同的操作，然后在我的主TS中添加此代码

lib.imageElement = FILES
lib.imageElement {
  references {
    data = levelmedia:-1,slide
    listNum = 0
  }
  renderObj = COA
  renderObj {
    10 = IMAGE
    10 {
      file.import.data = file:current:originalUid
      altText.data = file:current:title
    }
  }
}

它做到了这一点，然后在每页的顶部/页眉中显示不同的图像。

---

但是thx…

您可能希望至少显示打字稿中负责模板的相关部分。一般来说，是的，在标记的帮助下，这当然是可能的，您可以根据页面uid进行更改。

10 = TEMPLATE
10 {
    template = FILE
    template.file = fileadmin/main.html

    marks {
        ID_SUFFIX = TEXT
        ID_SUFFIX {
            insertData = 1

            # This makes sure that the output is valid and prevents XSS attacks
            htmlSpecialChars = 1

            value = {page:uid}      # Use this to insert the page ID or
            value = {page:subtitle} # Use to insert subtitle of page
            ... # Same works for other fields of the page record.
        }
    }
}

lib.imageElement = FILES
lib.imageElement {
  references {
    data = levelmedia:-1,slide
    listNum = 0
  }
  renderObj = COA
  renderObj {
    10 = IMAGE
    10 {
      file.import.data = file:current:originalUid
      altText.data = file:current:title
    }
  }
}