如何为 TYPO3 内容元素 table 添加布局样式选项?
How to add layout style options for TYPO3 Content Element table?
在 TYPO3 中有一个名为 'table' 的内容元素(不是 RTE 中的那个)。创建此内容元素时,您可以选择背景颜色。如何添加我自己的背景颜色 and/or 更改当前颜色?
你需要做两件事:
在你的页面 TSconfig 添加
TCEFORM.tt_content.table_bgColor {
addItems.105 = NEW TABLE STYLE
}
ID 105
可以是您喜欢的任何 ID - 甚至是字符串。只需确保您没有使用已在使用的值。您可以使用开发人员工具检查 TYPO3 后端中的 select 框。标签 NEW TABLE STYLE
可以随心所欲。它是您将在后端看到的标签。
在您的 TypoScrip 模板设置中
tt_content.table.20.color.105 = #fff
请记住将 105
替换为您在页面 TSconfig 中的 ID。值 #fff
只是一个虚拟值。您可以在 _CSS_DEFAULT_STYLE
中动态使用它,但我通常只是直接在我的样式表中设置它的样式。
此时你应该能够创建一个 table 元素和 select 背景颜色 NEW TABLE STYLE
并且当你在前端检查你的 table 你应该看到一个名为 contenttable-color-105
的 class,您可以根据自己的喜好设置样式。
在 TYPO3 中有一个名为 'table' 的内容元素(不是 RTE 中的那个)。创建此内容元素时,您可以选择背景颜色。如何添加我自己的背景颜色 and/or 更改当前颜色?
你需要做两件事:
在你的页面 TSconfig 添加
TCEFORM.tt_content.table_bgColor {
addItems.105 = NEW TABLE STYLE
}
ID 105
可以是您喜欢的任何 ID - 甚至是字符串。只需确保您没有使用已在使用的值。您可以使用开发人员工具检查 TYPO3 后端中的 select 框。标签 NEW TABLE STYLE
可以随心所欲。它是您将在后端看到的标签。
在您的 TypoScrip 模板设置中
tt_content.table.20.color.105 = #fff
请记住将 105
替换为您在页面 TSconfig 中的 ID。值 #fff
只是一个虚拟值。您可以在 _CSS_DEFAULT_STYLE
中动态使用它,但我通常只是直接在我的样式表中设置它的样式。
此时你应该能够创建一个 table 元素和 select 背景颜色 NEW TABLE STYLE
并且当你在前端检查你的 table 你应该看到一个名为 contenttable-color-105
的 class,您可以根据自己的喜好设置样式。