如何使ckEditor菜单按钮显示在两行而不是四行？

Question

I downloaded the ckEditor full package. The toolbar buttons appear on four rows but I have a very wide editor window area and I would like to cut this down to two or three. Can someone help by giving me some advice on how I could change this. I did look at the documentation but I have to say I am more confused than ever. I am not sure if I should be dealing with toolbar groups and not sure which group is which.

Does anyone have examples of what they have done.

Answer 1

You should 2 things:

1. make your textarea wider

2. delete some '/' from your config file, as it means newline in configuration

   config.toolbar_Custom = [ { name: 'document', items : [ 'Preview' ] }, { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] }, { name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','Scayt' ] }, { name: 'insert', items : [ 'Image','Table','HorizontalRule','SpecialChar','PageBreak' ] }, { name: 'links', items : [ 'Link','Unlink' ] }, '/', { name: 'styles', items : [ 'Styles','Format' ] }, { name: 'basicstyles', items : [ 'Bold','Italic','Strike','-','RemoveFormat' ] }, { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote' ] }, { name: 'tools', items : [ 'Maximize' ] } ];

This is the 2 lines toolbar which I use.