I'm trying to get the toolbar to be responsive, like the example on .0.0-with-horizontal-line-page-break-responsive-toolbar-and-SVG-upload-support/.

My CkEditor plugins are all version 19.0.0. I'm using a custom build, based on the classic editor.

But the result I get is

Can someone help please? The doc is telling this must should happen automatically.

Thanks!

I'm trying to get the toolbar to be responsive, like the example on https://ckeditor./blog/CKEditor-5-v15.0.0-with-horizontal-line-page-break-responsive-toolbar-and-SVG-upload-support/.

My CkEditor plugins are all version 19.0.0. I'm using a custom build, based on the classic editor.

But the result I get is

Can someone help please? The doc is telling this must should happen automatically.

Thanks!

• javascript
• reactjs
• ckeditor
• ckeditor5

1 Answer 1

set this "shouldNotGroupWhenFull" true and use '/' or '-' to make a line break and render items in multiple lines in toolbar

const config = {
    toolbar: {
        items: [ 'bold', 'italic', '|', 'undo', 'redo', '-', 'numberedList', 'bulletedList' ],
        shouldNotGroupWhenFull: true
    }
};