General

If this checkbox is selected, a particular editor font size can be changed by rolling the mouse wheel while holding the Ctrl key.

This checkbox also affects font size in quick documentation lookup.

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

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.

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

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.

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.

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.

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.

• 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: 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.

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