Show Menu
Cheatography

Feditor Keyboard Shortcuts by

Useful keyboard shortcuts for Feditor.IO online code editor

Presets

CTRL + SHIFT + 1
Default
Show all blocks
CTRL + SHIFT + 2
Ninja
Show JavaScript & Console blocks
CTRL + SHIFT + 3
Picasso
Show HTML, CSS & Preview blocks
CTRL + SHIFT + 4
Code Aside
Show code blocks and Preview side by side
CTRL + SHIFT + 5
JavaScript & Preview
Show JavaScript & Preview blocks
CTRL + SHIFT + 6
HTML
Show only HTML block
CTRL + SHIFT + 7
CSS
Show only CSS block
CTRL + SHIFT + 8
JavaScript
Show only JavaScript block
CTRL + SHIFT + 9
Console
Show only Console block
CTRL + SHIFT + 0
Preview
Show only Preview block
-
No Console
Show all blocks except of Console

Workspace

CTRL + SHIFT + BACKSPACE
Clear
Clear all blocks content
CTRL + SHIFT + R
Reload
Reload Preview block
CTRL + SHIFT + X
Reset
Reset preset & blocks content to default
CTRL + SHIFT + \
Command Palette
Open commands palette
CTRL + SHIFT + O
Import Files...
Import HTML, CSS or JavaScript file(s) into Feditor
CTRL + SHIFT + S
Export Bundle...
Save your entire workspace to a HTML file

Editor

CTRL + D
Remove line
CTRL + SHIFT + D
Duplicate selection
ALT + DOWN
Move lines down
ALT + UP
Move lines Up
ALT + DELETE
Remove to line end
ALT + BACKSPACE
Remove to line start
CTRL + BACKSPACE
Remove word left
CTRL + DELETE
Remove word right
CTRL + /
Toggle comment
CTRL + U
Change to uppercase
CTRL + ,
Show the settings menu
ALT + 0
Fold all
CTRL + P
Go to matching bracket
CTRL + L
Go to line
CTRL + F
Find text
CTRL + H
Replace text

Tips & Tricks

Workspace Custom­ization
* Each block can be dragged from its toolbar
* Each block can be resized (botto­m-right side sizing handle)


Importing External Files
* URL -
http:/­/fe­dit­or.t­ec­h/c­ont­ent­/ur­l?Y­OUR_URL

* GIST -
http:/­/fe­dit­or.t­ec­h/c­ont­ent­/gi­st/­YOU­R_G­IST_ID

* To add an external library or framework, add a script element to your HTML and set its source to the file's path. Note that it is possible (and also recomm­ended) to add CDN files (e.g. https:­//c­dnj­s.com/)


Editor Shortcuts
More keyboard shortcuts for editor can be found here.

Feditor.IO

               
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          JavaScript Cheat Sheet
          Web Programming Cheat Sheet

          More Cheat Sheets by nire0510

          Command Line API Reference Cheat Sheet
          AWS Services by Nir Elbaz