Fits better
One thing that was a pet hate of mine with our previous editor implementation was the way that editor controls frequently wrapped into multiple rows on narrow devices.
This seemed like a nonsense to me, as those working with small, usually mobile devices, are those most unlikely to actually want to use the full features of the editor - people who want a deep editing experience will usually want to do so with a decent sized display and a proper keyboard rather than squinting at a six inch display and pecking at an on-screen keyboard.
The previous editor allowed us to define different button layouts for different screen sizes, but this could only go so far to improve the user experience and had the result that small devices could either show a nasty wrapped toolbar, or miss out on controls entirely.
[ATTACH=full]227931[/ATTACH]
With 2.2, the concept of different button layouts for different display sizes still exists, though we have tweaked the resolution boundaries to better fit today's devices, but a more important change is the new concept of button groups.
Controls can now be assigned to one of four groups. Each group can have any number of controls attached, and can independently define the number of buttons visible before a 'more' gadget is shown. Clicking the 'more' gadget unfurls a secondary toolbar underneath the main controls, in which the remaining controls from the group are contained.
[ATTACH=full]227930[/ATTACH]
[ATTACH=full]227929[/ATTACH]
For example, in the default layout, you may want to show the B I buttons prominently, but to keep U S etc. in the overflow area along with other less frequently-used buttons. More on button layouts later.
