imgNotes Plugin - wysiwyg note editor

This example demonstrates aadding a WYSIWYG note editor.

Clicking the Edit button toggles the widget into edit mode and clicking the same button toogles back into display mode.In edit mode clicking on the image will insert a new marker and open up an edit dialog to add note text. Clicking on an exisiting notes will show the edit dialog. I am using the summernote WYSIWIG editor as an example. The Export button shows the notes in a table at the bottom of the page. The Clear button erases all the notes.