Draw a table with plug-in (one-click table)

[Sebastian]

Ticket REF: 7320-RYDC-2204

Would be nice to have a plug-in available to draw tables like in Office Word.

The Main advantage of using this way with standard height and width is, user may not be confused to insert the table. With the current plug-in have great and more features , but may leads to confuse the user also.

[Jakub Ś]

using this way with standard height and width is, user may not be confused to insert the >table Could You please give us some examples how in your opinion user may get confused?

[Sebastian]

How it could be improved

[Sebastian]

He simply meant tables you can draw, like in the pic he provided (attached), are more user-friendly than typing the number of rows and columns. Less confusing and more like Word, which is what everybody wants in the end.

[Jakub Ś]

Yes - A picture is worth a thousand words:)

Looks very interesting.
I have seen something like that made for FCKeditor - ​http://sourceforge.net/tracker/?func=detail&aid=2836193&group_id=75348&atid=737639

[chengal]

will the new CKEditor V3.x work with Old plug-in's from FCKEditor?

[Jakub Ś]

No CKEditor is completely different product comparing to FCKEditor.

Such plugin would have to be rewritten to fit new rules (​http://docs.cksource.com/CKEditor_3.x/Tutorials).

[Jakub Ś]

#11760 was marked as duplicate.

[Danil]

Proposed patch: ​https://github.com/ckeditor/ckeditor-dev/pull/92

Currently the whole table (that in dropdown panel) is focusable. Should each table cell be focusable?

[Jakub Ś]

Currently the whole table (that in dropdown panel) is focusable. Should each table cell be focusable?

Yes, visually impaired users should be able to select size they want using keyboard thus every cell should be made focusable.

[Danil]

I think we need to add Split Button first (​https://dev.ckeditor.com/ticket/11759)

[Jakub Ś]

Implementing one-click table with split button is one approach - button part could open classic dialog while menu part could open one-click panel.

Another approach is using only the panel with link at the bottom "Show Dialog" (like in color button). That way user can insert default table and if he wishes to configure more, he can switch to classic dialog.

There are also plugins created by users (two of them commercial):
​http://ckeditor.com/addon/quicktable
​http://ckeditor.com/addon/doksoft-quick-table-insert
​http://ckeditor.com/addon/ckeditor-bootstrap-table-insert

[Danil]

Free plugin is based on my patch (see above). And it has link to dialog (it's labeled as "More..."). It has accessibility issues (keyboard is ok, but no screenreader support). I could try to fix that issues, if dev team is going to accept patch, but I still think split button is necessary.

Where can I ask about accessibility? Can I use aria-activedescendant instead of making every cell focusable? Example: ​http://www.oaa-accessibility.org/example/15/

[Jakub Ś]

You can use aria-activedescendant attribute as long as the labels, titles etc. contain appropriate description. Make sure that cells allow you to cycle focus through all elements. What I mean is when you have first element focused, you can press left arrow, and it takes you to the "more..." option. When you are focusing "more..." option and pressing right arrow you should focus last cell in last row/column. To verify your a11y just download FireFox + JAWS demo and check it.

Another possibility would be checking out the background color or text color menu buttons. Approach is different there but perhaps it will suit you more.