CODEWITHSUNDEEP
javascriptckeditor
Mandeep Jain
Mandeep Jain

Reputation: 2684

CKEditor set width

I am using CKEditor 4 with inline editing. I want to set custom height to the CKEditor toolbar that appears. I looked around and found a solution 

config.height = 300;
config.width = 550;

I wrote the above two lines in the config.js file. But sadly, its not working for me.

Any Ideas? Or inline editing doesnt support custom height?

EDIT :

I alsp tried this in my js

editor.resize( 900, 300 );

but no luck

Upvotes: 1

Views: 1138

Answers (1)

Gnijuohz
Gnijuohz

Reputation: 3364

Just use the linebreak '/' as Zee suggested in the comment area.

For example:

  config.toolbarGroups = [
        { name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
        { name: 'editing',     groups: [ 'find', 'selection', 'spellchecker', 'basicstyles', 'cleanup'] },
        '/',
        { name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align' ] },
        { name: 'links' },
        ...
]

The linebreak will break the buttons into two rows.

Upvotes: 1

Related Questions