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

Question

我尝试为标题添加一个新类 (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 编辑器没有任何改变。我错过了什么吗？

Answer 1

您使用 typescript 添加客户 header 标签。

转到页面 >> 根目录 >> 编辑(页面)>> 资源和以下打字

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

在 TS 下方包装您的 header 。

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>
}

您将获得以下输出。