Redesign TAB Key-Based Navigation sample

[Olek Nowodziński]

Problem

When hitting TAB, focus goes somewhere below the lower edge of the viewport (e.g. the very last editor), which might be confusing. Sample doesn't correctly express the idea of the feature.

​http://ckeditor4.t/ckeditor/samples/tabindex.html

Proposed idea

Organize editors with reduced toolbars in 2x2 grid, so moving focus between all of them with TAB is clear and visible:

+--------+--------+
|        |        |
|   e1   |   e2   |
|        |        |
+--------+--------+
|        |        |
|   e3   |   e4   |
|        |        |
+--------+--------+