General

Mouse Control

Change font size with Ctrl/Command+Mouse Wheel

Enable this option to be able to change font size in the editor by rolling the mouse wheel while holding the Ctrl key.

• Select Active editor to change font size only in the current editor tab. If you close and reopen the document, the font size will be reset to the default font or to the color scheme font according to your settings.

• Select All editors to change font size in all editor tabs. When you change the font size this way, the new font size is saved in the current color scheme and will apply to all open documents as well as to the newly opened ones. If necessary, you can change it on the Editor | Color Scheme | Color Scheme Font page of the IDE settings Ctrl+Alt+S.

This checkbox also allows you to change font size in quick documentation popup.

Move code fragments with drag-and-drop

If this checkbox is selected, you can drag-and-drop code fragments in the editor.

Soft Wraps

Use soft wraps in editor

If this checkbox is selected, soft wraps (or word wraps) are used in the editor.

The horizontal scroll bar is not normally shown when this option is enabled.

However, in certain cases, when a line cannot be "soft-wrapped", the horizontal scroll bar still appears (for example, if a line consists of a single string that is wider than the visible area.)

Use the original line's indent for wrapped fragments

Select this checkbox to use custom indentation for soft wraps on resizing the editor or console. Use the Add additional indent field to specify the indent number.

Only show soft-wrap indicators for the current line

If this checkbox is selected, the soft wrap characters   will be shown in the active logical line only.

Otherwise, soft wraps characters will be shown at the end of each line, and at the beginning of each next line.

Virtual Space

Allow caret placement

• After the end of line: if this checkbox is selected, you will be able to set your caret anywhere after the last character in any line. As soon as you start typing at a position beyond the end of the line, the necessary number of spaces will be added between the end of the line and the beginning of your input.

• Inside tabs: select this checkbox to allow placing the caret inside tab characters. The reason is that each tab character shows in the editor as a set of 'virtual' space characters.

Show virtual space at the bottom of the file

If this checkbox is selected, the currently edited line (even if it is the final line) can be scrolled to the top of the screen. WebStorm adds the necessary amount of virtual lines.

Caret Movement

When moving by words

Use this list to configure where the caret should stop when moved by words. You can select from the following options:

• Jump to current word boundaries: this is the default option. When you move the caret forward (Ctrl+Right), WebStorm places it to the end of the current word.

  When you move the caret to the previous word (Ctrl+Left), WebStorm places the caret at the beginning of the current word.

• Always jump to word start: when you select this option, the caret always moves to the beginning of the word.

• Always jump to word end: when you select this option, the caret always moves to the end of the word.

• Jump to next/previous word boundaries: when you select this option, the caret moves forward to the start of the next word, and when moved backwards, the caret jumps to the end of the previous word.

• Stop at both word boundaries: when you select this option, the caret stops at both the start and the end of each word.

Upon line break

Use this list to configure where the caret should stop on line breaks. You can select from the following options:

• Jump to next/previous line boundaries: when you select this option, the caret moves forward to the beginning of the next line, and when moved backwards, the caret jumps to the end of the previous line.

• Ignore line breaks: when you select this option, WebStorm ignores the line breaks, and the caret moves according to the configuration specified in the Moving by words list.

• Stop at both line boundaries: when you select this option, the caret stops at both the start and the end of each line.

• Jump to current line boundaries: when you select this option, the caret always jumps to the end of the current line (when moved forward) or to the beginning of the current line (when moved backwards).

  Check the following example when you have Always jump to word start specified in the Moving by words list and Jump to current line boundaries specified in the Upon line break list:

• Always jump to line start: when you select this option, the caret always moves to the start of a line.

• Always jump to line end: when you select this option, the caret always moves to the end of a line.

On Save

Remove trailing spaces on

Select the mode in which WebStorm will handle trailing spaces at the end of lines on file saving:

• Modified lines: strips trailing spaces only in the end of modified lines.

• All lines: strips trailing spaces in all lines.

Keep trailing spaces on caret line

If this option is unselected, trailing spaces will be stripped on the line where the caret is placed on save operation.

Remove trailing blank lines at the end of saved files

If this checkbox is unselected, WebStorm will keep the trailing blank lines on saving files.

Ensure every saved file ends with a line break

Select this checkbox to have WebStorm automatically add an empty line in the end of a file during the save procedure.

Gutter

Highlight modified lines in the gutter

Select this checkbox if you want added/modified lines to be highlighted with a color stripe in the left editor gutter.

Highlight modified lines in error stripe on the scrollbar

Select this option if you want to see markers next to modified lines near the scrollbar on the right.

Highlight lines with whitespace-only modifications with a different color

This option only becomes available if the Highlight modified lines in gutter option is enabled.

Select this checkbox if you want lines where only whitespaces were added/removed to be highlighted with a different color from lines with more significant modifications.

Scrolling

Smooth scrolling

If this option is enabled, the editor scrolls the page when you navigate to an element, instead of just jumping to the target location.

Caret behavior

• Keep the caret in place, scroll editor canvas: select this option to choose scrolling editor canvas and keeping the caret at place.

  This can be helpful in course of debugging session. As you step through the lines of code, the editor canvas scrolls, while the line at caret is always in the center of the screen.

• Move caret, minimize editor scrolling: click this option to choose moving the caret.

  When you step through the lines of code during the debugging session, the caret moves down, and the editor canvas doesn't scroll until the caret line reaches the bottom of the screen.

Rich-Text Copy

Copy (Ctrl+C) a text fragment as

• Rich text: select this checkbox to copy a rich text from the editor to any other editor that recognizes RTF.

• Plain text: select this option to copy a plain text from the editor to any other editor.

note

You can override the unselected option using the Copy as Plain Text or the Copy as Rich Text option from the context menu in your editor.

Color scheme for copied fragment

Use this list to select a color scheme for the text copy.