> Portal Navigation:
>
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt
## Resource: Working with the Code Editor Toolbar and Right-Click Menu (with Wix Editor)
## Article: Working with the Code Panel Toolbar and Right-Click Menu (with Wix Editor)
## Article Link: https://dev.wix.com/docs/develop-websites/articles/workspace-tools/velo-workspace/code-editor-ide/working-with-the-code-editor-toolbar-and-right-click-menu-with-wix-editor.md
## Article Content:
# Velo: Working with the Code Editor Toolbar and Right-Click Menu (with Wix Editor)
> __Note__: This article is about the code editor in Wix Editor. To learn about the code editor in Wix Studio, see [Wix Studio: Working with the code editor](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/velo-workspace/workspaces/wix-studio-working-with-the-code-panel.md#code-editor).
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](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/velo-workspace/properties-events-panel/about-the-properties-events-panel.md) editor.
|**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**
[](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/07/21/3a849248-6e4a-4ff4-8b2b-a50389ccddb9.png)|Opens the Find editor, 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.|