How to reformat HTML code in JavaScript file in PhpStorm

Question

I'm using PhpStorm 2016.2 and developing a web application with VueJS.

In PhpStorm I would like reformat HTML code in my JavaScript file. But when I click Code | Reformat only JavaScript is reformatted.

How to reformat both JavaScript and HTML?

Answer 1

I found another solution to my problem with PhpStorm 2016. Use the Fragment Editor.

1. Place the cursor on your HTML code fragment.
2. Press the ALT + ENTER key and click on "Edit HTML Fragment"
3. Reformat your html code in the fragment editor.
4. Your Javascript file is updated directly.

Answer 2

2016.2 doesn't support formatting HTML injected in Typescript/ECMAScript 6. This feature (WEB-18307) is available since 2017.1, see https://www.jetbrains.com/help/webstorm/2017.1/using-language-injections.html#d240474e440