How to disable line breaking when reindent?

Question

<div ui-grid="gridOptions" class="grid" ui-grid-resize-columns="" ui-grid-pinning=""
                     ui-grid-pagination="" ui-grid-selection=""></div>

I don't want line breaking when I reindent, I want to keep this code on one line.

I'm using webstorm 11. How to do this?

Answer 1

Go to Setting/preferences | Code Style | HTML | Other

Untick Keep line breaks

Set Wrap attributes to Do not wrap

Also disable the following setting so you get a horizontal scrollbar:

• For all files (default setting for opened file): Settings/Preferences | Editor | Use soft wraps in editor

• For currently opened file in editor: Menu | View | Active Editor | Use Soft Wraps