Identify custom HTML elements in WebStorm

Question

I use WebStorm 9.0.2 to create HTML templates that use the control flow syntax without a container from Knockout ( Example ) to conditionally display elements.

Here is an example:

<div id="my-page">
  <!-- ko if: myObservable() -->
  <h2>Hello World!</h2>
  <p>It would be nice if things within ko:if are indented..</p>
  <!-- /ko -->
</div>

Is there an option in WebStorm to determine that everything inside an ad <!-- ko if: ... ->should be indented?

Answer 1

, Notockout .

, , WebStorm .

, . Formatter Control. File → Settings → Editor → Code Style:

Formatter , , // . , ( ).

HTML :

<div id="my-page">
  <!-- @formatter:off -->
  <!-- ko if: myObservable() -->
    <h2>Hello World!</h2>
    <p>It would be nice if things within ko:if are indented..</p>
  <!-- /ko -->
  <!-- @formatter:on -->
</div>

WebStorm .

- , , .

Answer 2

, , , - Code Style - JetBrains Webstorm 9.0. 2