Component size: ~42Kb
Dependes on Marker.js: see their license (requires attribution or purchase)
So I’ve been using my Discourse as a hackable Evernote alternative, but one of the features I really miss is image annotation. This Discourse Theme Component adds Marker.js to your topic previewer, making it so that whenever you click on an image it activates “Annotation Mode”, allowing you to:
- Add boxes, shapes, arrows, and text
- Highlight or censor parts of the image
- Copy the annotated image to clipboard
- Paste the image back into the editor, allowing to either keep or delete the original
- Mobile support soon
Because you copy the image from the previewer back into the editor, it’ll automatically upload the edited image as any other copy/pasted image!
There aren’t any optimizations yet and it’s basically just a bundled copy of the Marker.js repo. There might be bugs and I’m still evaluating different annotation libraries, but that’s the sneak peak!
I’m still experimenting so for now make sure to use the
discourse branch, as the main branch is where the main source is (I’ll fix this soon):