Search code examples
configurationtypo3typo3-10.x

Make .scss files editable in back-end, just like .css files

In TYPO3 v10 LTS, as a back-end admin user, I can edit .css files in the "file explorer" (that is available in the Filelist module. I don't know the correct terms). See screenshot.

typo3 css files- edit dialog is present

When the file has a .css extension (1), I can click on the "Edit content" icon (2), and an editor window opens.

However, when I rename the file to .scss (1) I can no longer edit the file. The "Edit" Icon is no longer available (2). See below:

typo3 css files- edit dialog is not present

Is there a way to also make .scss files editable, just like .css files? Some setting, or TypoScript/PageTS config parameter? I can also patch the source code if needed.

Solution

  • $GLOBALS[‘TYPO3_CONF_VARS’][‘SYS’][‘textfile_ext’]
    Type: text
    Default: ‘txt,ts,typoscript,html,htm,css,tmpl,js,sql,xml,csv,xlf,yaml,yml’
    Text file extensions. Those that can be edited. Executable PHP files may not be editable if disallowed!

    Source: TYPO3 Documentation

    But keep in mind, that a change in a SCSS file needs to be processed somehow, as the browser needs CSS.