Opened 6 years ago

Last modified 3 years ago

#8724 confirmed New Feature

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

Reported by: Sebastian Owned by:
Priority: Normal Milestone:
Component: Core : Tables Version: 3.0
Keywords: Cc: cyerradoddi@…

Description

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.

Attachments (1)

table.jpg (31.0 KB) - added by Sebastian 6 years ago.
How it could be improved

Download all attachments as: .zip

Change History (13)

comment:1 Changed 6 years ago by Jakub Ś

Keywords: table editor draw define plug-in word removed

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?

Changed 6 years ago by Sebastian

Attachment: table.jpg added

How it could be improved

comment:2 Changed 6 years ago by 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.

Last edited 6 years ago by Sebastian (previous) (diff)

comment:3 Changed 6 years ago by Jakub Ś

Status: newconfirmed
Version: 3.6.23.0

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

comment:4 Changed 6 years ago by chengal

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

comment:5 Changed 6 years ago by 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).

comment:6 Changed 4 years ago by Jakub Ś

#11760 was marked as duplicate.

comment:7 Changed 4 years ago by 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?

comment:8 Changed 4 years ago by 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.

comment:9 Changed 3 years ago by Danil

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

comment:10 Changed 3 years ago by Jakub Ś

Summary: Draw a table with plug-inDraw a table with plug-in (one-click table)

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

comment:11 Changed 3 years ago by 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/

comment:12 Changed 3 years ago by 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.

Note: See TracTickets for help on using tickets.
© 2003 – 2017 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy