Experiments in in-line editing for Page Structure Editing

Experiments

This page hosts a number of mockups resulting from experiments aiming at providing in-line editing when editing the structure of the page. The drafted solution offers this for a specific fields of a paragraph only, preferably those which are simple in structure and belong to the core fields typically being filled in every time a new paragraph of that type is being added.

Also shown are previews built into tooltips, which basically just show the content of the paragraph with some basic rendering reflecting some basic settings such as an image being drawn on the left instead of right.

Very confusing is the fact that there are multiple "edit" and "done" buttons - this would have to be further improved.

Mockups