Skip to main content
Version: 2026.2

Configuration

The Quill editor supports configuration through Pimcore editables (per-field) and Symfony configuration (global defaults).

Default Toolbar​

When no custom toolbar is configured, the editor uses this default:

undo, redo | H1-H6 headings | bold, italic | alignment |
ordered list, bullet list | indent, outdent | blockquote |
link, table | clean, html-edit

Toolbar Configuration in Twig​

The pimcore_wysiwyg editable accepts Quill configuration options directly. Use the modules.toolbar.container array to define which toolbar controls are available.

Basic example​

{{ pimcore_wysiwyg("content", {
        modules: {
            toolbar: {
                container: [
                    [{ header: [1, 2, 3, 4, 5, 6, false] }]
                ]
            }
        }
    })
}}

Toolbar with undo, redo, and HTML editing​

In addition to standard Quill toolbar options, the bundle provides undo, redo, and html-edit controls.

{{ pimcore_wysiwyg("content", {
        modules: {
            toolbar: {
                container: [
                    ['undo', 'redo'],
                    [{ header: [1, 2, 3, 4, 5, 6, false] }],
                    ['html-edit']
                ]
            }
        }
    })
}}

Controls not listed in the container array are excluded from the toolbar.

Global Configuration​

Global WYSIWYG defaults are configured under the pimcore_studio_ui extension provided by the Studio UI bundle. The Quill bundle does not define its own configuration namespace.

These defaults apply to all WYSIWYG fields unless overridden per-field in Twig.

# config/packages/pimcore_studio_ui.yaml
pimcore_studio_ui:
    wysiwyg:
        defaultEditorConfig:
            dataObject:
                modules:
                    toolbar:
                        container:
                            - [{ header: [1, 2, 3, 4, 5, 6, false] }]
            document:
                modules:
                    toolbar:
                        container:
                            - [{ header: [1, 2, 3, 4, 5, 6, false] }]
  • dataObject - applies to WYSIWYG fields in data object classes
  • document - applies to WYSIWYG editables in documents
  • Per-field configuration in Twig overrides these global defaults
  • Shared translations use the Quill editor but do not have a separate global config key
note

The configuration structure under dataObject and document follows the Quill configuration format.

Themes​

Quill supports multiple themes that control the editor's appearance. Set the theme in the Quill configuration options:

{{ pimcore_wysiwyg("content", {
        theme: "snow"
    })
}}

See the Quill themes documentation for available themes.