title: EmberJS and weird IDE (text editor) compatibility
body: <p>I'm sure many people have noticed that EmberJS has a weird behaviour when code is written in IDE. That is because the HTML code is inside the  tag, where IDE's expect JS, not HTML.</p>
  
  <pre><code> &lt;script type="text/x-handlebars"&gt;
        &lt;!--&lt;h2&gt;Welcome to Ember.js&lt;/h2&gt;--&gt;
  
        {{outlet}}
   &lt;/script&gt;
  </code></pre>
  
  <p><strong>Sublime</strong>: The above h2 tag looks like it isn't commented at all. If you use shortcut for commenting, then it adds // comments which are not doing anything, they slashes just get rendered into browser.</p>
  
  <p><strong>Brackets</strong>: No HTML tags are recognised, they appear as pure text</p>
  
  <p><strong>TextWrangler</strong>: Only the closing tags are highlighted as HTML tags</p>
  
  <p>These are the three I tried, nothing seems workable. Is anyone having any other IDE or knows how to make it work properly?</p>