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