css - TYPO3在TEXT内容 View 中向UL后端添加了样式类

在TYPO3中，我在页面上添加了一个项目符号列表作为“ TEXT content / element”。

工作正常，但布局与该网站的其余部分不兼容。
现在，如果我有一个CSS类“ cmsms_timeline”，可以使子弹头列表具有更好的布局，我该如何将该类添加到TYPO3中的UL中，因此我无需转到“ HTML”内容并添加该类。

我已经添加了CSS，我只需要知道如何添加它，是否需要进入“ HTML”视图，然后添加类？我可以从CSS文件中获取Content元素以使用MY类吗？
可以使用csc-default看到它。

<!--  CONTENT ELEMENT, uid:29/text [begin] -->
<div id="c29" class="csc-default">
<!--  Text: [begin] -->
    <ul type="disc">...</ul>
<!--  Text: [end] -->
    </div>

UDPATE

我正在运行TYPO3 v.6.1（Fluid / Extbase）。

嗨，我尝试将其添加到主页面TSConfig。

RTE.default.contentCSS = fileadmin/templates/add/css/style.css
RTE.default.showTagFreeClasses = 1
RTE.default.proc.allowedClasses := addToList(cmsms_timeline)

当我参考样式表并添加cmsms_timeline时，我会突出显示要点，并且我可以选择块样式的项目，但它不会显示cmsms_timeline。

在WEB->信息->页面TSconfig-> RTE下。默认情况下，我可以看到我有

[contentCSS] = fileadmin/templates/add/css/style.css
[showTagFreeClasses] = 1

，因此它会从TSConfig获取信息。

我的Style.css文件中包含此代码。

.cmsms_timeline {
  position:relative;
  margin:-11px 0 0 0;
  padding:0 0 37px 29px;
  list-style:none;

}

.cmsms_timeline li {
  position:relative;
  padding-top:24px;
}

.cmsms_timeline li:before,
.cmsms_timeline:before {
  position:absolute;
  top:-2px;
  left:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:1px;
  height:28px;
  background:rgba(0, 0, 0, .08);
  content:'';
}

.cmsms_timeline:before {
  top:auto;
  bottom:11px;
  left:29px;
}

.cmsms_timeline li a {
  position:relative;
  padding-left:13px;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
}

.cmsms_timeline li a:hover {padding-left:19px;}

.cmsms_timeline li a:before {
  position:absolute;
  top:5px;
  left:-2px;
  width:5px;
  height:5px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  background:rgba(0, 0, 0, .2);
  content:'';
  -webkit-transition:background .3s ease-in-out;
  -moz-transition:background .3s ease-in-out;
  -ms-transition:background .3s ease-in-out;
  -o-transition:background .3s ease-in-out;
  transition:background .3s ease-in-out;
}

我想念什么。

最佳答案

标准RTE编辑器（rtehtmlarea）可以通过解析您为其设置的CSS文件来填充类列表，因此您所需要做的就是在该CSS文件中定义ul.cmsms_timeline。手册内容：


  包含样式定义的CSS文件
  应用于已编辑的内容。
  该文件中定义的选择器也将在块中使用
  样式和文本样式选择列表。


配置示例：

RTE.default.contentCSS = fileadmin/template/rte.css

该设置将插入（最好是根）页面属性中的TSconfig字段中。您可以打开WEB->信息->页面TSconfig-> RTE。查看所有RTE设置。请注意，每个数据库表可能都有其自己的配置（例如RTE.tt_content.），因此请确保不为特定表覆盖默认设置。

另请注意，每次更改文件后，您可能需要在浏览器中打开该文件或清除浏览器的缓存。这是为了确保您的浏览器缓存文件的当前版本，并确保RTE将使用它。

设置完之后，您可以在RTE中通过在“块样式”选择框中选择它来简单地在RTE中分配该类。

a）...突出显示所有列表项。

b）...单击任何列表项后，在RTE底部显示的ul中单击Path: body » ul » li。