在 TYPO3 8.7 中是否可以为任何内容元素提供自定义 CSS 类？答案

【问题标题】：In TYPO3 8.7 is it possible to give any content element a custom CSS class?在 TYPO3 8.7 中是否可以为任何内容元素提供自定义 CSS 类？
【发布时间】：2019-12-11 12:58:19
【问题描述】：

我搜索了这个简单的问题，但并没有真正找到令人满意的答案。那么有没有办法在 TYPO3 8.7 中为任何内容元素提供自定义类？如果是这样，你如何做到这一点？是否有一个扩展程序可以让您执行此操作或使此操作更容易？

【问题讨论】：

标签： css content-management-system customization typo3-8.x

【解决方案1】：

是的，您可以在 Frame Class 的帮助下为任何内容元素提供自定义 css 类：

在你的根页面(Page->Rootpage->Resources->Page-TSConfig)的Page TSConfig中添加以下脚本。

TCEFORM.tt_content.frame_class {
         addItems.101 = Custom Frame Class
}

然后，将以下脚本添加到 ts 文件中。

tt_content.stdWrap.innerWrap.cObject = CASE
tt_content.stdWrap.innerWrap.cObject {
key.field = frame_class
  101 = TEXT
  101.value = <div class="Your-custom-class">|</div>
}

【讨论】：

谢谢！你能再解释一下吗？我在哪里指定什么元素应该让我的课程？我必须在哪里进行更改？每条线的作用是什么？我对 TypoScript 了解不多。
你先加frame类了吗？检查框架类是否添加到任何内容元素，然后转到外观选项卡。在该选项卡上，使用 Frame 签入下拉名称。 “自定义框架类”名称已添加到下拉列表中。
第一步是注册框架类并将框架类添加到tt_content，第二步是将您的自定义类包装到前端的内容元素中。自定义类适用于内容元素，您在下拉菜单中为特定内容元素选择哪个类。
希望你能理解我的解释。

【解决方案2】：

你可能想试试这个扩展：

https://docs.typo3.org/typo3cms/extensions/cewrap/stable/

它不会将类添加到元素中，但您可以使用具有您可以设置的不同属性的 div 扭曲任何元素。

【讨论】：