Velo: Working with the Code Editor Toolbar and Right-Click Menu

3 min read
Visit the Velo by Wix website to onboard and continue learning.
The code editor contains tools to help you work with your code. These are split between the toolbar and the right-click menu.

Code Editor Toolbar

Item
Description
Preview
Runs your code in Preview mode.
Properties & Events 
Shows and hides the Properties & Events panel.
Maximize
Maximizes the code editor on the screen. 
Restore
If the code editor has been maximized, restores it to its previous height.
Minimize
Minimizes the code editor to its collapsed state.
More
Links to help content and a list of keyboard shortcuts. Also contains a radio button for switching the code editor theme between light (default) and dark.  

Code Editor Right-Click Options

Item
Description
Format
Makes your code neater and easier to read by fixing its indentation, removing extra lines, and applying other standard formatting styles.
Find
Opens the Find panel, which contains the following options:

Find box. Specify the term you are searching for.

Match Case. Select this button if you want your search to be case sensitive.

Match Whole Word. Select this button if you want to limit your search to whole words only.

Regular Expression. Select this button if you want to use a regular expression as your search term.


Replace box. Specify the term you want to use to replace the search term.

Previous. Jumps to the previous instance of the search term.

Next. Jumps to the next instance of the search term. 

Replace. Replaces the current instance of the search term with the replace term.

All. Replaces all instances of the search term with the replace term.

Undo
Undoes your previous action in the code editor. The Undo action in the code editor is independent of the Undo action in the main Editor.
Redo
Re-does the last action you undid in the code editor. The Redo action in the code editor is independent of the Redo action in the main Editor.

Did this help?

|