为TYPO3中的内容元素提供更多样式选项

Question

过去，我经常在WordPress中使用Visual Composer。 现在，我正在尝试使用TYPO3进行第一个开发。

我已经开发了一个内容元素。 一切正常。 但是现在我想为编辑器提供更多样式选项。

例如：-CSS类-颜色-尺寸-填充-边距

该信息应可在流体模板中访问。 这可能吗？ 也许在其他标签中？

Answer 1

您必须将字段添加到tt_content表。 为此，您可以使用TCA。 TYPO3文档中甚至有一个很好的示例，它使用“不打印”复选框扩展了tt_content。

在ext_tables.sql文件中编写字段数据库规范：

CREATE TABLE tt_content (
        tx_your_extension_no_border tinyint(4) DEFAULT '0' NOT NULL
);

然后，您需要在此路径的扩展名中包含另一个文件： your_extension / Configuration / TCA / Overrides / tt_content.php

您可以在此处添加定义的字段：

$temporaryColumn = array(
        'tx_your_extension_no_border' => array (
                'exclude' => 0,
                'label' => 'LLL:EXT:your_extension/Resources/Private/Language/locallang_db.xlf:tt_content.tx_your_extension_no_border',
                'config' => array (
                        'type' => 'check',
                 )
            )
    );
    \TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addTCAcolumns(
            'tt_content',
            $temporaryColumn
    );
    \TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addFieldsToPalette(
            'tt_content',
            'visibility',
            'tx_your_extension_no_border',
            'after:linkToTop'
    );

请在此处查看整个文档。

一些解释：

函数“ addTCAcolumns ”将您的“临时列”注册到表中。

函数“ addFieldsToPalette ”将字段“ tx_your_extension_no_border”添加到“调色板”中。 （您可以在此处阅读有关调色板的信息 ）。

第一个参数是表格。 （tt_content）

第二个参数是调色板的名称（这里是可见性）

第三个是字段名称（tx_your_extension_no_border）

第四是位置。 您可以在之后和之前使用字段来精确放置XY字段之前的字段。

当然，您也可以添加自己的标签。

语法为： --div--<tab_name>,<fields>

流体：

添加字段后，就可以像其他任何tt_content字段一样在流体模板中访问它们。 您可以使用if-s，布局，节来使编辑器在与您的内容元素一起使用时具有多样性。