Typo3 7.6在RTE中向Heading-Element添加自定义类

时间:2015-12-07 19:01:34

标签: css typo3 rte typo3-7.x

我尝试为标题添加一个新类(headline-red),尤其是对于h5元素。我正在使用以下TS设置:

RTE >

RTE {
    classes {
        headline-red {
            name = Heading Rot
        }
    }

    default {
        contentCSS = /typo3conf/ext/test/Resources/Public/rte.css
        useCSS = 1
        showTagFreeClasses = 1

        buttons {
            textstyle {
                tags {
                    h5 {
                        allowedClasses(
                            headline-red
                        )
                    }
                }
            }
        }

        proc {
            allowedClasses(
                headline-red
            )
        }
    }
}

我的rte.css只包含这个小测试件:

h5.headline-red {
    color: #c1002a;
}

但这在RTE编辑器上没有任何改变。我错过了什么吗?

2 个答案:

答案 0 :(得分:1)

使用typoscript添加客户标头标记。

转到页面>> Root>>编辑(页面)>>资源和以下的typoscript

TCEFORM.tt_content.header_layout {
    addItems {
        10 = Advance Header
    }
}

将标题包裹在TS下方。

lib.stdheader.10.10 >
lib.stdheader.10.10 = COA
lib.stdheader.10.10 {
   wrap = <div class="page-header"> | </div>
   20 = TEXT
   20.current = 1
   20.insertData = 1
   20.fontTag = <span class="h1" > &nbsp;|</span>
}

您将达到以下输出。

enter image description here

答案 1 :(得分:0)

我使用相同的解决方案,它就像魅力一样。

在TS Config中:

RTE.classes.h2-bis.name = H2 alternatif 
RTE.default.contentCSS = typo3conf/ext/ps_template/res/ressources/css/rte.css

在Rte.css中

h2.h2-bis{color: #ff0000;}

经过一些测试,我认为问题只是你的css路径中的“斜线”。试试没有它。

再见