Setting Page TSconfig

It is recommended to always define custom page TSconfig in a project-specific sitepackage extension. This way the Page TSconfig settings can be kept under version control.

The options described below are available for setting Page TSconfig in non-sitepackage extensions.

Page TSconfig can be defined globally as Default Page TSconfig or for a page tree, a page and all its subpages.

It is also possible to set set Page TSconfig directly in the page properties but this is not recommended anymore.

Setting the Page TSconfig globally

Many page TSconfig settings can be set globally. This is useful for installations that contain only one site and use only one sitepackage extension.

Extensions supplying custom default Page TSconfig that should always be included, can also set the Page TSconfig globally.

It is best practice to use ExtensionManagementUtility::addPageTSConfig (see below) to add your default Page TSconfig in a project-specific sitepackage extension.

Use the @import '...' syntax to keep the Page TSconfig in a separate file.

Global page TSconfig, compatible with TYPO3 v11 and v12

Starting with TYPO3 v12, the content of the file:EXT:myextension/Configuration/page.tsconfig is loaded automatically. This is not the case yet in TYPO3 v11 installations. You can achieve compatibility with both TYPO3 v11 and v12 by importing the content of this file with the API function ExtensionManagementUtility::addPageTSConfig:

EXT:my_sitepackage/ext_localconf.php
use TYPO3\CMS\Core\Information\Typo3Version;
use TYPO3\CMS\Core\Utility\ExtensionManagementUtility;
use TYPO3\CMS\Core\Utility\GeneralUtility;

$versionInformation = GeneralUtility::makeInstance(Typo3Version::class);
// Only include page.tsconfig if TYPO3 version is below 12 so that it is not imported twice.
if ($versionInformation->getMajorVersion() < 12) {
   ExtensionManagementUtility::addPageTSConfig('
      @import "EXT:my_sitepackage/Configuration/page.tsconfig"
   ');
}
Copied!

How it works

There is a global TYPO3_CONF_VARS value called $GLOBALS['TYPO3_CONF_VARS']['BE']['defaultPageTSconfig'].

The API function ExtensionManagementUtility::addPageTSConfig adds content to that array. The array value itself however should not be changed or set directly (for example in the LocalConfiguration.php).

Static Page TSconfig

Include static Page TSconfig into a page tree

Static Page TSconfig that has been registered by your sitepackage or a third party extension can be included in the page properties.

  1. Go to the page properties of the page where you want to include the page TSconfig.
  2. Go to the tab Resources, then to
    Page TSconfig > Include static Page TSconfig (from extensions) and select the desired configurations from the Available Items.

Register static Page TSconfig files

Register PageTS config files in the Configuration/TCA/Overrides/pages.php of any extension.

These can be selected in the page properties.

EXT:my_sitepackage/Configuration/TCA/Overrides/pages.php
use \TYPO3\CMS\Core\Utility\ExtensionManagementUtility;

ExtensionManagementUtility::registerPageTSConfigFile(
   'extension_name',
   'Configuration/TsConfig/Page/myPageTSconfigFile.tsconfig',
   'My special config'
);
Copied!

It is not possible to use language strings LLL:... for the third parameter as the extension name will be automatically appended.

If you need to localize these labels, modify the TCA directly instead of using the API function:

EXT:my_sitepackage/Configuration/TCA/Overrides/pages.php
$GLOBALS['TCA']['pages']['columns']['tsconfig_includes']['config']['items'][] =
[
   'LLL:EXT:my_sitepackage/Resources/Private/Language/locallang_db.xlf:pages.pageTSconfig.my_ext_be_layouts'
   'EXT:my_sitepackage/Configuration/TsConfig/Page/myPageTSconfigFile.tsconfig',
];
Copied!

Set Page TSconfig directly in the page properties

Go to the page properties of the page where you want to include the page TSconfig and open the tab Resources.

You can enter page TSconfig directly into the field Page TSconfig:

TSconfig-related fields in the Resources tab of a page

Page TSconfig inserted directly into the page properties is applied to the page itself and all its subpages.

Verify the final configuration

The full page TSconfig for any given page can be viewed using the module Web > Info module, action Page TSconfig.

Viewing Page TSconfig using the Info module

Overriding and modifying values

Page TSconfig is loaded in the following order, the latter override the former:

  1. Default page TSconfig that was set globally
  2. Static page TSconfig that was included for a page tree.
  3. Direct page TSconfig entered directly in the page properties.
  4. User TSconfig overrides

Static and direct page TSconfig are loaded for the page they are set on and all their subpages.

The TypoScript syntax to modify values can also be used for the page TSconfig.

Example

Default page TSconfig

EXT:site_package/Configuration/page.tsconfig
RTE.default.proc.allowTagsOutside = hr
Copied!

Static page TSconfig included on the parent page

EXT:site_package/Configuration/page.tsconfig
RTE.default.proc.allowTagsOutside := addToList(blockquote)
Copied!

Finally you get the value "hr,blockquote".