loisthash

The only difference between ordinary and extraordinary is just that little "extra".

Error checking and debugging

Warning messages if fields are left blank.
No submission if fields are not filled.
Collapse common codes into methods.

Delete one of the nested tags

Remove link/image element for nested case when respective url is empty.

Allow image that is also a link

new interface allows insertion of an image that is also a link.

Auto show/hide different sections

Show/hide link or image sections automatically depending on which button is pressed.

Modify UX for link/image

Merge link/image fields into one popup, with collapsible sections

Open popup automatically

Popup automatically opens over editor when an image or link is clicked.

Edit existing link with popup fields

Change the url and target values.
Also clean up text nodes.

delete existing link with popup

remove a href tag with the "delete link" function

ux to edit link

prefill fields in popup if existing link is selected.

Error checking

Error messages when field is left blank,
Goes to next field on enter,
Fields reset when reopened,
Create a link with the form.

Interface to create link

Coded the interface to create links, in line with the interface for creating images.
Icons taken from other project, craft:scribe.

Auto loads image preview

Image preview loads when url is entered in the popup box.
Also modified the top where the close button is, to give a more balanced feel.

Coded interface for inserting images

Nice popup box for the image url and alt text fields.

coded controls mechanism

as per new ux design - removed panning animation. wider controls bar with buttons spaced out.

new ux design for control buttons

removed panning animation, which also makes it less distracting and more stable.
less is more!

fixed bug where popup dialog box gets cropped off

due to overlay:hidden somewhere.
however, this will now require some shifting in the control buttons.