HTML tags on separate line (text content in block tags on own line)

[q2apro]

I could not find the answer in the doc, nor in the online demo, nor in the issue list.

When I have this HTML line:

<p>My paragraph ...</p>

I would like to beautify it to:

<p>
    My paragraph ... 
</p>

However, I could not find the options / settings. EOF option?

[bsanders1979]

This issue seems to be related to mine. Not sure what happened, but now when I beautify my markup, it puts entire tag on a single line. It used to work.

<p-toggleButton
    offLabel="Start"
    offIcon="fa-play"
    onLabel="Stop"
    onIcon="fa-stop"
    (onChange)="onChange($event)"
    [(ngModel)]="active"
    [disabled]="!project"
></p-toggleButton>

becomes

<p-toggleButton offLabel="Start" offIcon="fa-play" onLabel="Stop" onIcon="fa-stop" (onChange)="onChange($event)" [(ngModel)]="active" [disabled]="!project"></p-toggleButton>

[bitwiseman]

@q2apro - I don't think this is available currently. Added as an enhancement.

@bsanders1979 - sorry. this is not related and what you're talking about is XML not HTML.

[bsanders1979]

@bitwiseman I'm guessing it's considered XML because it's not a "native" element, but it's part of an html file for angular 2. In any case, the formatting used to work, but now it doesn't. Don't know if it's a bug or perhaps some default setting changed. AFAIK, I didn't change anything. I'm still relatively new to Atom, and the settings page mentions js-beautify, so forgive me if this plugin is not responsible. Basically, I just want attributes/properties to be on their own line and indented. If you could provide some direction, it would be much appreciated. Thanks.