header-logo
Getting started with WixBuild your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.
Creating a websiteRead how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.
Account & billingReview your account settings, manage your subscriptions and plans and understand your invoices.
Using the Wix mobile appsUse our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch.
Connecting a domainFollow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.
Managing your businessGet tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.
Promoting your siteLearn to make your site more visible promoting it on search engines, sending emails and running paid ads. Improve your online presence with practical tips.
Studio, Partners & EnterpriseGet the most out of your Studio or Enterprise account with advanced features that'll help you work more efficiently.
Need more help?Find solutions for site performance and technical issues, learn about issues we’re working to fix or contact us for help.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Code Editor Toolbar
  • Code Editor Right-Click Options

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

In this article
  • Code Editor Toolbar
  • Code Editor Right-Click Options
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

ItemDescription
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

ItemDescription
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.

Helpmate

Hello

Need a bit more guidance?
Unlock personalized helpLog in to get the most out of Helpmate.