---
schema_version: "1"
id: 3d205d2e02c533db33517d3a77d0dcbc843d6c6965e6941f5c6eafb6076c5cf3
title: About the Visualforce Editor
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/salesforce-pages-developers-guide/guides/pages/tools/pages-tools-editor-tips.md
canonical_url: https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-tools-editor-tips.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: aed10dcfb7ff316d1a3712c78d0206d60197aa3085c944cc3213631e1d976b24
products:
  - Visualforce Developer Guide
  - Platform Developer Content
---

# About the Visualforce Editor

When editing Visualforce pages through the development mode footer or from Setup, an editor is available with the following functionality:

## Syntax highlighting

The editor automatically applies syntax highlighting for keywords and all functions and operators.

## Search

The Search button (![Search icon](https://developer.salesforce.com/media/salesforce-pages-developers-guide/search_apex.gif)) enables you to search for text within the current page, class, or trigger. To use search, enter a string in the `Search` textbox and click **Find Next**.

- To replace a found search string with another string, enter the new string in the `Replace` textbox and click **replace** to replace just that instance, or **Replace All** to replace that instance and all other instances of the search string that occur in the page, class, or trigger.
- To make the search operation case sensitive, select the **Match Case** option.
- To use a regular expression as your search string, select the **Regular Expressions** option. The regular expressions follow JavaScript's regular expression rules. A search using regular expressions can find strings that wrap over more than one line.

  If you use the replace operation with a string found by a regular expression, the replace operation can also bind regular expression group variables (`$1`, `$2`, and so on) from the found search string. For example, to replace an `<h1>` tag with an `<h2>` tag and keep all the attributes on the original `<h1>` intact, search for `<h1(\s+)(.*)>` and replace it with `<h2$1$2>`.

## Go to line

The Go to line button (![Go To Line icon](https://developer.salesforce.com/media/salesforce-pages-developers-guide/go_to_line.gif)) allows you to highlight a specified line number. If the line is not currently visible, the editor scrolls to that line.

## Undo and Redo

Use undo (![Undo icon](https://developer.salesforce.com/media/salesforce-pages-developers-guide/undo.gif)) to reverse an editing action and redo (![Redo icon](https://developer.salesforce.com/media/salesforce-pages-developers-guide/redo.gif)) to recreate an editing action that was undone.

## Font size

Select a font size from the drop-down list to control the size of the characters displayed in the editor.

## Line and column position

The line and column position of the cursor is displayed in the status bar at the bottom of the editor. This can be used with go to line (![Go To Line icon](https://developer.salesforce.com/media/salesforce-pages-developers-guide/go_to_line.gif)) to quickly navigate through the editor.

## Line and character count

The total number of lines and characters is displayed in the status bar at the bottom of the editor.

The editor supports the following keyboard shortcuts:

## `Tab`

Adds a tab at the cursor

## `SHIFT+Tab`

Removes a tab

## `CTRL+f`

Opens the search dialog or searches for the next occurrence of the current search

## `CTRL+r`

Opens the search dialog or replaces the next occurrence of the current search with the specified replacement string

## `CTRL+g`

Opens the go to line dialog

## `CTRL+s`

Performs a quick save.

## `CTRL+z`

Reverses the last editing action

## `CTRL+y`

Recreates the last editing action that was undone