Keyboard shortcuts JS Bin

js-bin-logo-keyboard

About JS Bin

A live pastebin for HTML, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more...

JS Bin Keyboard shortcuts

JS Bin supports keyboard shortcuts when the editor panels are focused (i.e.you have a cursor). Shortcuts can be disabled if desired. 

Application level

ShortcutAction
ctrl+?Show keyboard shortcuts
ctrl+shift+/Search help
ctrl+lClear the console
ctrl+returnRun code and send live reload
ctrl+shift+delDelete the current bin
ctrl+sSave current state as a revision
ctrl+shift+sCreate a clone of the current bin
ctrl+shift+</kbd>Hide JS Bin navigation bar
ctrl+oOpen bin history (when logged in)
ctrl+yToggle archive state on the current bin

Note that all changes in any code panel (excluding the console) both triggers a save to the current bin and triggers a live reload on any viewers watching your bin url.

Code based

ShortcutAction
ctrl+/Toggle comments on the selected lines
ctrl+[Indent selected lines
ctrl+]Unindent selected lines
ctrl+shift+LBeautify code

HTML & CSS panel

ShortcutAction
tabCode expansion using Emmet
ctrl+alt+rightNext edit point
ctrl+shift+yEvaluate mathematical expression
alt+upIncrement number by 0.1
alt+downDecrement number by 0.1
ctrl+upIncrement number by 1
ctrl+downDecrement number by 1
alt+ctrl+upIncrement number by 10
alt+ctrl+downDecrement number by 10

HTML panel

ShortcutAction
ctrl+.Close previous HTML tag

JavaScript panel

ShortcutAction
tabCode complete (using Tern or otherwise)

Console panel

ShortcutAction
up/downUp/down through console history
returnExecute command

Showing and hiding panels

ShortcutAction
ctrl+0Hide currently focused panel
ctrl+1Toggle HTML panel
ctrl+2Toggle CSS panel
ctrl+3Toggle JavaScript panel
ctrl+4Toggle console panel
ctrl+5Toggle output panel

The shortcuts for toggling specific panels overwrites the default browser’s tab selection shortcut, but this can be changed to include alt as a modifier key by opening the keyboard shortcuts (ctrl+?) and checking the box:

disable cmd+n

With Sublime keybindings

ShortcutAction
ctrl+shift+upMove current line, up one line
ctrl+shift+downMove current line, down one line
ctrl+dHighlight and place multiple cursor on matching words
escReturn to single cursor
cmd+ clickPlace multiple cursor at click point

 



No comments:

Post a Comment