Screenshot_Markup_Helper

Project URL

https://garagehackbox.azurewebsites.net/hackathons/2356/projects/109782

How to install

1. Clone the repo or download the zip

2. Load the extension in browser

   1. Open extension setting

   Google Chrome: go to chrome://extensions

   Edge: choose Extensions from menu

   2. Turn on Developer Mode

   3. Load unpacked

3. Have fun using the extension~

Current Usage

1. Take Screenshot Alt(or MacCtrl) + Shift + S

2. Add Heading

3. Add Description Text

4. Start / Pause Markup Alt(or MacCtrl) + Shift + M

   Hover your mouse to select where you want to add markup. Click or Alt(or MacCtrl) + Shift + N to add it.

5. Clear Markup Alt(or MacCtrl) + Shift + C

6. Remove all history

7. Download word document

Updates

v1.3.3 20211110

• click dispatch bug workaround
• desc multiline
• bold font for headlines
• solve delete btn bug
• solve popup.html control status not change bug when using keyboard short cut

v1.3.2 20211105

• Change popup.html menu to be full width
• Change description in word font size
• Scroll to new card
• Download image when clicked on image on card

Reference

https://github.com/cou929/element-inspector.js

https://github.com/dolanmiu/docx

https://github.com/eligrey/FileSaver.js/

https://fontawesome.com/

https://getuikit.com/