Put each tag on a new line when wrapping with Emmet in PhpStorm

Question

In PhpStorm 9.0 when wrapping a list of values, for example:

Item 1
Item 2
Item 3

With different abbreviations, for example:

p.$*

I have the input all in one line, like this:

<p class="1">Item 1</p><p class="2">Item 2</p><p class="3">Item 3</p>

How can I make tags appear on individual lines?

score 4 · Accepted Answer · answered Nov 10 '15 at 12:42

4

I figured that only inline elements are stacking in a single line. "p" tag has this behavior due to this setting.

answered Nov 10 '15 at 12:42

Boykodev

850
1
10
23

score 1 · Answer 2 · answered Nov 10 '15 at 13:25

Code is usually formatted according to specified code style settings when expanding Emmet abbreviations. If you like to have all tags placed on separate lines, make sure to remove this tag from both 'Inline elements' and 'Don't break if inline contents' lists in Settings/Editor/Code Style/HTML/Other

score 0 · Answer 3 · answered Aug 13 '17 at 05:31

0

Also faketag>p* separate each line of <p>. And it's fast do delete faketag ater that.

answered Aug 13 '17 at 05:31

vatavale

1,470
22
31

score 0 · Answer 4 · answered Jul 08 '22 at 13:30

0

Preferences > Editor > Emmet > HTML > "Filters enabled by default": disable "Single line" option

answered Jul 08 '22 at 13:30

drakanor

107
8

Put each tag on a new line when wrapping with Emmet in PhpStorm

4 Answers4