Widgets feature

[Frederico Caldeira Knabben]

Widgets are represented by a group of elements that act as a single entity inside the editable content. The widget elements are many times protected from direct editing and can be configured to have different behavior, features or layout.

A good example for a widgets is a "captioned image", which contains an image element and text for the caption. Both parts will always live together and should be selected as a whole. Once deleted, both should be removed.

Some requirements:

• The widget must have a visual selection that clearly identifies it as selected as a whole.

• Widgets can be blocks or inlines.

• The toolbar must properly react to the widget selection, disabling features that are not compatible with it.

• By default, the widget is not editable, so it's contents must be protected.

• I must be possible to have editable elements inside the widget, which will work with the editor toolbar.

• Inner editables may have different requirements in terms of acceptable elements and ENTER key.

• DEL and BACKSPACE to delete the widget.

• Other insertion keys should have no effect on the widget.

• It must be possible to select widgets with ARROW keys.

• It must be possible to blur from the widget with ARROW keys (left/right).

• Copy and Paste support, even if only within editorS.

• Undo and Redo support.

• Drag and Drop support, so the widget can be repositioned or moved among editorS.

• Easy API for plugins implementation.