Use this page to customize the appearance of the Editor.
|Caret blinking (ms)||Select this check box to make the caret blink with the specified period (in milliseconds).|
|Use block caret||Select this check box to have the block caret applied in the Insert mode
and the usual caret applied in the Overwrite mode.|
Clear this check box to have the usual caret applied in the Insert mode and the block caret applied in the Overwrite mode.
|Show right margin (configured in Code Style options)||Select this check box to have a thin vertical line at the right margin of the editor displayed. Refer to the description of the Code Style settings.|
|Show line numbers||Select this check box to have line numbering shown in the left gutter area.|
|Show whitespaces||Select this check box to have WebStorm display white spaces or tabs
(depending on the Code Style settings). |
You can select the following options:
|Show vertical indent guides||Select this check box to have WebStorm display vertical lines in the editor to indicate positions of indents and thus facilitate typing, manual formatting, reading, and maintaining code.|
|Show code lens on scrollbar hover||Select this check box to enable lens mode.|
|Show breadcrumbs||Select this check box to show a breadcrumb trail on top of the editor tab for an HTML or an XML file. Reopen the editor for the changes to take effect. (XML) (HTML)|
|Show CSS color preview icon in gutter||Select this check box to show color preview icons for the color values.|
|Show CSS color preview as background||If this check box is selected, the background of the color value shows the color preview:|
|Enable XML/HTML tag tree highlighting||Select this check box to show the hierarchy of tags highlighted with different colors.
If this option is enabled, you can define the following options:
Highlighting is activated when there is more than one tag with the same name in the hierarchy.
Last modified: 22 March 2017