Page TSConfig Setup 

Configuration of page TSConfig settings for image handling, upload folders, and permissions.

Page TSConfig 

Magic Image Configuration 

Configure maximum image dimensions for automatic image processing:

RTE.default.buttons.image.options.magic.maxWidth

RTE.default.buttons.image.options.magic.maxWidth
type

integer

Default

300

Maximum width in pixels for images inserted through the RTE.

Images larger than this value will be automatically resized during processing.

RTE.default.buttons.image.options.magic.maxHeight

RTE.default.buttons.image.options.magic.maxHeight
type

integer

Default

1000

Maximum height in pixels for images inserted through the RTE.

Images taller than this value will be automatically resized during processing.

Example:

RTE.default.buttons.image.options.magic {
    maxWidth = 1920
    maxHeight = 9999
}
Copied!

Processing Modes 

RTE.default.proc.overruleMode := addToList(default)
RTE.default.proc.overruleMode := addToList(rtehtmlarea_images_db)
Copied!

Upload Folder Configuration 

RTE.default.buttons.image.options.defaultUploadFolder

RTE.default.buttons.image.options.defaultUploadFolder
type

string

Default

(empty)

Default upload folder for images inserted through the RTE.

Format: <storage_uid>:<folder_path>

Example: 1:rte_uploads/ uses storage 1 and uploads to rte_uploads/ directory.

RTE.default.buttons.image.options.createUploadFolderIfNeeded

RTE.default.buttons.image.options.createUploadFolderIfNeeded
type

boolean

Default

false

Automatically creates the upload folder if it doesn't exist.

Recommended to set to 1 (true) to avoid upload errors.

Example:

RTE.default.buttons.image.options {
    defaultUploadFolder = 1:rte_uploads/
    createUploadFolderIfNeeded = 1
}
Copied!

Content Element Configuration 

Enable for Specific Content Types 

# Only enable for tt_content bodytext
RTE.config.tt_content.bodytext {
    preset = default
    buttons.image.options.magic {
        maxWidth = 1200
        maxHeight = 800
    }
}
Copied!

Disable for Specific Fields 

# Disable RTE entirely for specific field
RTE.config.tt_content.header.disabled = 1
Copied!

Backend User Permissions 

File Mounts 

Ensure backend users have appropriate file mounts:

User TSConfig
options.defaultUploadFolder = 1:user_uploads/rte/
Copied!

Access Restrictions 

User TSConfig
# Allow only specific file extensions
options.file_list.validFileExtensions = jpg,jpeg,png,gif,webp
Copied!

Multi-Language Configuration 

Language-Specific Presets 

[siteLanguage("locale") == "de_DE"]
    RTE.default.preset = german
[END]

[siteLanguage("locale") == "en_US"]
    RTE.default.preset = english
[END]
Copied!

Troubleshooting Configuration 

Debug RTE Configuration 

Enable RTE debugging:

Page TSConfig
RTE.default.showButtons = *
RTE.default.hideButtons =
Copied!

Verify Configuration Loading 

Check active RTE configuration in backend:

  1. Edit content element
  2. Open browser console
  3. Check CKEDITOR.config object

Configuration Priority 

Configuration precedence (highest to lowest):

  1. Field-specific config: RTE.config.tt_content.bodytext
  2. Type-specific config: RTE.config.tt_content
  3. Default config: RTE.default
  4. Extension defaults