Skip to main content
Version: 2025.1

Quill WYSIWYG Pimcore Bundle

This bundle provides the Quill 2.x WYSIWYG editor integration for Pimcore. This includes the WYSIWYG for Documents, Data Objects and Shared Translations.

Installation​

See Installation

Migration to Quill​

See Migration

Configuration​

Available configuration options can be found here: config options

Themes​

Available themes and how to configure it can be found here: themes

Examples​

Basic usage​

wysiwyg helper doesn't require any additional configuration options. The following code customize the toolbar.

<section id="marked-content">
    {{  pimcore_wysiwyg("specialContent", {
            modules: {
                toolbar: {
                    container: [
                        [{ header: [1, 2, 3, 4, 5, 6, false] }]
                    ]
                } 
            }
        })
    }}
</section>

Custom configuration for Quill​

A list of configuration options you can find in the Quill toolbar documentation. In addition to this you can also configure undo, redo and html-edit.

The WYSIWYG editable allows us to specify the toolbar. If you have to limit styling options (for example only basic styles like <b> tag and lists would be allowed), just use toolbar option.

<section id="marked-content">
    {{  pimcore_wysiwyg("specialContent", {
            modules: {
                toolbar: {
                    container: [
                        ['undo', 'redo'],
                        [{ header: [1, 2, 3, 4, 5, 6, false] }],
                        ['html-edit']
                    ]
                } 
            }
        })
    }}
</section>

Now the user can use only the limited toolbar.

Global Configuration​

See admin-ui-classic-bundle See studio-ui-bundle