File | Settings | IDE Settings | Editor
Use the Editor page of the Settings dialog box to configure the Editor's behaviour and customize its view.
|Honor "CamelHumps" word settings when selecting using double click||
Select this check box to have WebStorm invoke the CamelHumps selection when words are selected by double-clicking.
This feature works only if the Use 'CamelHumps' words option is enabled.
|Change font size (Zoom) with Ctrl+Mouse Wheel||If this check box is selected, the particular editor font size can be changed by rolling the mouse wheel while holding the Ctrl
If this check box is not selected, rolling mouse wheel while holding the Ctrl key scrolls the editor.
|Enable Drag'n'Drop functionality in editor||If this check box is selected, you can drag code fragments in the editor. Refer to the section Using Drag-and-Drop in the Editor.|
|Smooth scrolling||Select this check box to enable smooth scrolling in the editor.|
|Prefer scrolling editor canvas to keep caret line centered||Click this option to choose scrolling editor canvas and keeping the caret in place.
Keeping the caret in place and scrolling the editor canvas 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.
|Prefer moving caret line to 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.|
|Maximum number of contents to keep in clipboard||In this text box, specify how many code blocks can be kept in clipboard.|
|Recent file limit||In this text box, specify how many file names can be included in the list of recent files.|
|Console commands history size||In this text box, specify how many console commands will be included in the console history and can be browsed through.|
|Error stripe mark min height (pixels)||In this text box, specify the minimum size of the error and warning stripes.|
|Autoreparse delay (ms)||In this text box, specify the time period after when WebStorm starts reparsing the entered text.|
|'Next Error' action goes to errors first||
Select this check box to have WebStorm pass through the errors and then through the warnings.
Clear this check box to have WebStorm pass through the errors and warnings sequentially.
|Strip trailing spaces on Save||
From this drop-down list, select the mode in which WebStorm will handle trailing spaces in the end of lines on file saving:
|Ensure line feed at file end on Save||Select this check box to have WebStorm automatically add an empty line in the end of a file during the save procedure.|
|Show quick doc on mouse move||Select this check box to show quick documentation for the symbol at caret. The quick documentation pop-up window appears after the specified delay.|
|Use soft wraps in the editor||
If this check box is selected, the soft wraps (or word wraps) are used in the editor.
Horizontal scroll bar in general is not 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, a line consists of a single string that is wider than the visible area.)
|Use soft wraps in the console||If this check box is selected, the soft wraps (or word wraps) are used in the console.|
|Use custom soft wrap indent||
Select this check box to use custom indentation for soft wraps on resizing the editor.
Specify the indent value in the text field to the right.
This field is only available when at least one of the Use soft wraps... check boxes is selected.
|Show all soft wraps||If this check box is selected, the soft wrap characters
will be always shown
at the end of each line, and at the beginning of each next line.
Otherwise, the soft wrap characters will be shown in the active logical line only.
|Allow placement of caret after end of line||If this check box is cleared, the caret never rests after the last symbol in a line.|
|Allow placement of caret inside tabs||Select this check box 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 file bottom||If this check box 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.|
|Highlight on Caret Movement|
|Highlight matched brace||Select this check box to have WebStorm highlight pairs of opening/closing braces when you position the caret right before the opening or right after the closing one. It also works for HTML and XML tags.|
|Highlight current scope||Select this check box to have WebStorm highlight the available scope for the code typed in the current caret location.|
|Highlight usages of element at caret||Select this check box to have WebStorm highlight all usages of the element at which the caret is currently positioned.|
|Show "Reformat Code" dialog||If this check box is selected, the Reformat Code dialog box will appear every time you try to reformat code, where you can specify the scope of reformatting. Otherwise, WebStorm will reformat code silently.|
|Show "Optimize Imports" dialog||If this check box is selected, the Optimize Imports dialog box will appear every time you try to optimize import statements. Otherwise, WebStorm will optimize imports silently.|
|Enable in-place mode||
Select or clear this check box to enable or disable in-place refactorings for language.
The in-place in connection with the refactorings means specifying all or most of the information necessary for the refactoring by typing, right in the editor. All the affected code fragments are highlighted and change as you type. If appropriate, additional refactoring options are selected in corresponding option boxes.
The in-place refactoring mode is available for the following refactorings:
If this check box is not selected, the refactoring settings for all of the refactorings are specified in the corresponding dialogs.
|Preselect old name||If this check box is selected, the old name of a symbol gets selection when Rename refactoring is invoked for this symbol:
If this check box is cleared, the symbol being renamed does not get selection.