From 67f7441c138f6b25e98fad46d661c0a2bd02cde7 Mon Sep 17 00:00:00 2001 From: semencha Date: Tue, 31 Mar 2020 13:41:10 +1000 Subject: [PATCH 1/2] Update README.md added chapter about Default keyboard shortcuts --- README.md | 45 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 45 insertions(+) diff --git a/README.md b/README.md index eab9399..47e47a9 100644 --- a/README.md +++ b/README.md @@ -18,6 +18,51 @@ This is a lightweight NodeJS collaborative Whiteboard/Sketchboard witch can easi * Indicator that shows the smallest screen participating * Working on PC, Tablet & Mobile +## Default keyboard shortcuts +Use keyboard shortcuts to become more productive while using Whiteboard. + +They are especially useful if you work with interactive displays such as XP-Pen Artist, Huion Kamvas and Wacom Cintiq. These devices have quick buttons (6-8 buttons and scrolling). By default, the buttons on these displays are mapped to standard Photoshop keyboard shortcuts. Keys can be configured to function effectively in other software. + +The following are predefined shortcuts that you can override in the file [/public/js/keybinds.js](https://github.com/cracker0dks/whiteboard/blob/master/public/js/keybinds.js) + +Result | Windows and Linux | macOS +------ | -------------------- | ------- +Clear the whiteboard | Ctrl + Shift + Z | Command + Shift + Z +Undo your last step | Ctrl + Z | Command + Z +Select an area | Ctrl + X | Command + X +Take the mouse | Ctrl + M | Command + M +Take the pen | Ctrl + P | Command + P +Draw a line | Ctrl + L | Command + L +Draw a rectangle | Ctrl + R | Command + R +Draw a circle | Ctrl + C | Command + C +Toggle between line, rectangle and circle | Ctrl + Shift + F | Command + Shift + F +Toggle between pen and eraser | Ctrl + Shift + X | Command + Shift + X +Toggle between main clolors (black, blue, green, yellow and red) | Ctrl + Shift + R | Command + Shift + R +Write text | Ctrl + A | Command + A +Take the eraser | Ctrl + E | Command + E +Increase thickness | Ctrl + Up Arrow | Command + Up Arrow +Decrease thickness | Ctrl + Down Arrow | Command + Down Arrow +Colorpicker | Ctrl + Shift + C | Command + Shift + C +Set black color | Ctrl + Shift + 1 | Command + Shift + 1 +Set blue color | Ctrl + Shift + 2 | Command + Shift + 2 +Set green color | Ctrl + Shift + 3 | Command + Shift + 3 +Set yellow color | Ctrl + Shift + 4 | Command + Shift + 4 +Set red color | Ctrl + Shift + 5 | Command + Shift + 5 +Save whiteboard as image | Ctrl + S | Command + S +Save whiteboard as JSON | Ctrl + Shift + K | Command + Shift + K +Save whiteboard to WebDav | Ctrl + Shift + I (i) | Command + Shift + I (i) +Load saved JSON to whiteboard | Ctrl + Shift + J | Command + Shift + J +Share whiteboard | Ctrl + Shift + S | Command + Shift + S +Hide or show toolbar | Tab | Tab +Move selected object up | Up Arrow | Up Arrow +Move selected object down | Down Arrow | Down Arrow +Move selected object left | Left Arrow | Left Arrow +Move selected object right | Right Arrow | Right Arrow +Drop object | Ctrl + Enter | Command + Enter +Add Image to backgroud | Shift + Enter | Shift + Enter +Cancel all actions | Escape | Escape +Delete selected object | Delete | Delete + ## Install the App You can run this app with and without docker ### Without Docker From a990aad2ef4661471921b8bd01a44b6888024d5d Mon Sep 17 00:00:00 2001 From: Cracker Date: Tue, 31 Mar 2020 12:06:36 +0200 Subject: [PATCH 2/2] Update README.md --- README.md | 31 ++++++++++++++++--------------- 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/README.md b/README.md index 47e47a9..8ab7ea8 100644 --- a/README.md +++ b/README.md @@ -4,11 +4,11 @@ This is a lightweight NodeJS collaborative Whiteboard/Sketchboard witch can easi ![start](https://raw.githubusercontent.com/cracker0dks/whiteboard/master/doc/start.png) ## Demowhiteboard ## -[HERE](https://cloud13.de/testwhiteboard/) (Resets every night) +[HERE](https://cloud13.de/testwhiteboard/) (Reset every night) ## Some Features * Shows remote user cursors while drawing -* Undo function for each user (strg+z) +* Undo function for each user * Drag+Drop / Copy+Paste Images to Whiteboard from PC and Browsers * Resize, Move & Draw Images to Canvas or Background * Write text @@ -16,8 +16,22 @@ This is a lightweight NodeJS collaborative Whiteboard/Sketchboard witch can easi * Draw angle lines by pressing "shift" while drawing (with line tool) * Draw square by pressing "shift" while drawing (with rectangle tool) * Indicator that shows the smallest screen participating +* Keybindings for ALL the functions * Working on PC, Tablet & Mobile +## Install the App +You can run this app with and without docker +### Without Docker +1. install the latest NodeJs +2. Clone the app +3. Run `npm i` inside the folder +4. Run `node server.js` +5. Surf to http://YOURIP:8080 + +### With Docker +1. `docker run -d -p 8080:8080 rofl256/whiteboard` +2. Surf to http://YOURIP:8080 + ## Default keyboard shortcuts Use keyboard shortcuts to become more productive while using Whiteboard. @@ -63,19 +77,6 @@ Add Image to backgroud | Shift + Enter | Shift + Enter Cancel all actions | Escape | Escape Delete selected object | Delete | Delete -## Install the App -You can run this app with and without docker -### Without Docker -1. install the latest NodeJs -2. Clone the app -3. Run `npm i` inside the folder -4. Run `node server.js` -5. Surf to http://YOURIP:8080 - -### With Docker -1. `docker run -d -p 8080:8080 rofl256/whiteboard` -2. Surf to http://YOURIP:8080 - ## URL Parameters Call your site with GET parameters to change the WhiteboardID or the Username