This Bookmarklet exposes keybinding functionality for manipulating the builder. It utilizes Mousetrap for the bindings.
Since Github doesn't support embedded bookmarklets, bookmark this page, then edit the bookmark, giving it a name of Builder Keybinder, and a URL of the following:
javascript:(function(){var el=document.createElement('script');el.src='https://rawgit.com/scottsilvi/builderBookmarklet/master/builderKeybinding.js';document.body.appendChild(el);})();- To enter interactive mode, simply type
ctrl + shift + i - The builder menu items will automatically collapse
- Use the arrow keys to navigate the builder
- Use the spacebar to hide / show elements
Up
The up arrow will navigate up the builder element list
Down
The down arrow will navigate down the builder element list
Left or Enter (on parent)
The left arrow will collapse a container
Right or Enter (on parent)
The right arrow will expand a container
Enter
- If focus is on a container element, will expand / collapse.
- If focus is on an editable element, will launch editor for element (image editor for images / shift+enter for inline text editor for text, etc)
Shift+Enter
Enter inline text editing mode
Ctrl+shift+c
Collapse all
Esc
Will close any modal that is currently opened and close out editing mode.
Ctrl+1
Responsive (Desktop) Viewing Mode
Ctrl+2
Tablet Viewing Mode
Ctrl+3
Phone Viewing Mode
Ctrl+s
Save page
Ctrl+p
Publish page
Ctrl+x
Switch between Content and Styles editing modes
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request :D