CODEWITHSUNDEEP
configurationtypo3typo3-10.x
knb
knb

Reputation: 9303

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.

Upvotes: 0

Views: 360

Answers (1)

Kevin Appelt
Kevin Appelt

Reputation: 882

$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.

Upvotes: 5

Related Questions