Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Jetbrains PhpStorm HTML indentation

It appears PHPStorm doesn't want to follow the code style I specified. Each time I format an HTML file, it collapses the indentation from this:

<html>
    <head>
        bleh
    </head>
    <body>
        bleh
    </body>
</html>

to

<html>
<head>
<bleh>
    bleh
<bleh>
</head>
<body>
<bleh>
    bleh
<bleh>
</body>
</html>

"bleh" (being all the contained tags) are indented how they're suppose to.
I found the setting: File -> Settings -> Code Style -> HTML -> Other -> "Do not indent children of".
That was filled with several tags which I have already removed (so the text field is empty).
The settings are theoretically applied to the Project scheme which is the current scheme.
However, I haven't fully grasped the concept of what these schemes are, so I may be missing something important.

Pictures:
http://snapshot.overloadproducts.com/7411c9d50e0b43edc76c1e625a38d61c http://snapshot.overloadproducts.com/5a74f83356572f3644a6d52bf2fa1f66

Edit: Opened PHPStorm the next day, and it said the project file had been edited externally, and it needed to refresh. Once it did, it was formatting correctly again.
So somehow the settings file was out of sync and the settings window wasn't saving to the file.
Still a bug in my opinion.

like image 617
Bradley Odell Avatar asked Jul 31 '13 09:07

Bradley Odell


People also ask

How do I indent in PhpStorm?

While in the editor, select the necessary code fragment and press Ctrl+Alt+I . If you need to adjust indentation settings, in the Settings/Preferences dialog ( Ctrl+Alt+S ), go to Editor | Code Style. On the appropriate language page, on the Tabs and Indents tab, specify the appropriate indents options and click OK.

Is PhpStorm good for HTML?

PhpStorm brings powerful support for HTML that includes syntax and error highlighting, formatting according to the code style, structure validation, code completion, on-the-fly preview during a debugging session (Live Edit) or in the dedicated preview tab in the code editor, and much more.

How do I beautify HTML in IntelliJ?

Go to Settings/Preferences | Editor | Code Style, select your programming language, and open the Wrapping and Braces tab. In the Keep when reformatting section, select the formatting rules which you want to ignore and deselect those which should be applied. Reformat your code ( Ctrl+Alt+L ).

Is PhpStorm good for JavaScript?

With PhpStorm, you can develop modern web, mobile, and desktop applications with JavaScript and Node. js. PhpStorm also supports React, Angular, Vue. js, and other frameworks and provides tight integration with various tools for web development.


1 Answers

Just go to Setting/preferences -> Editor -> Code Style -> HTML -> Other

Insert new line before: add body.

Do not indent children of: clear all in this form.

like image 151
llxxff Avatar answered Sep 27 '22 22:09

llxxff