js-beautify incompatible with handlebar syntax

[ZhijieWang]

js-beautify will break embedded html in handlebar syntax. I am not familiar with how js-beautify works. Is there anyway to add stuff like type="text/x-handlebars" to js-beautify as ignore?

Source

 <script id="some-template" type="text/x-handlebars-template"> <table>
  <thead> 
      <th>Name</th> 
      <th>Job Title</th> 
      <th>Twitter</th> 
  </thead> 
  <tbody> 
    {{#users}} 
    <tr> 
        <td>{{fullName person}}</td> 
        <td>{{jobTitle}}</td> 
        <td><a href="https://twitter.com/{{twitter}}">@{{twitter}}</a></td> 
    </tr> 
    {{/users}} 
</tbody> 
</table> 
</script>

After js-beautify

<script id="some-template" type="text/x-handlebars-template">
< table >
    < thead >
    < th > Name < /th> 
    <th>Job Title</th >
    < th > Twitter < /th> 
</thead >
    < tbody > {
        {#
            users
        }
} < tr >
    < td > {
        {
            fullName person
        }
} < /td> 
        <td>{{jobTitle}}</td >
    < td > < a href = "https://twitter.com/{{twitter}}" > @{
        {
            twitter
        }
} < /a></td >
    < /tr> 
    {{/users
}
} < /tbody> 

</script>

[bitwiseman]

Are you running html-beautify or js-beautify on this?

[ZhijieWang]

It was the http://jsbeautifier.org/. It has similar behavior in the jsbeautifier plugin for Bracket editor

[bitwiseman]

Same problem as #385. To begin with we should ignore the contents of these tags, as a later enhancement we could try it actually format them.

[tomByrer]

Bummer, this is needed for me since alot of dev work is with Handlebars syntax.
BTW, Handlebars/Mustache is used in alot of other frameworks, like EmberJS.

[bitwiseman]

I totally agree it is worth fixing. Feel free to contribute! 😄

[wolkesson]

The fix would be needed for templates commonly used with bootstrap. For example:
<script id="pointsTmpl" type="text/html">