How can I have HTML tab expansion in ST2 w/ Emmet inside Handlebars templates(emberjs)?

Posted by Zuko on Stack Overflow See other posts from Stack Overflow or by Zuko
Published on 2013-11-08T08:46:13Z Indexed on 2013/11/08 9:54 UTC
Read the original article Hit count: 509

Filed under:

ember.js

|

sublimetext2

|

handlebars.js

|

emmet

Okay, so I'm using Sublime Text 2 with Emmet. But "Tab" expansion of HTML snippets doesn't work inside a script because of the scope.

Example: In HTML, I can type "h1" and then hit tab, and it will generate "

"

When using Ember.js, and more specifically Handlebars, it doesn't work.

<script type="text/x-handlebars">
h1
</script>

Pressing tab after that "h1" doesn't expand it because it's inside a script; Emmet turns this off. I can press Ctrl+E, which is the "expand anywhere" hotkey, and that works just fine. However, that is uncomfortable and prone to missing and hitting things like Ctrl+S or Ctrl+D which have undesired effects.

So, how can I change this?

I tweeted at the developer, and got a reply, https://twitter.com/chikuyonok/status/398708331969540096

But couldn't understand what to do.

© Stack Overflow or respective owner

Related posts about ember.js

how to dynamically add observer methods to an Ember.js object

as seen on Stack Overflow - Search for 'Stack Overflow'
So i am trying to dynamically add these observer methods to a Ember.js object holderStandoutCheckedChanged: (-> if @get("controller.parent.isLoaded") @get("controller").toggleParentStandout(@get("standoutHolderChecked")) ).observes("standoutHolderChecked") holderPaddingCheckedChanged:… >>> More
Same route nested in multiple resources ember.js

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm building an ember.js app which has a model called "Programme". A user can drill down to a programme by going: Genre > Subgenre > Programme or Folder > List > Programme Here's my router: this.resource('mylists', { path: '/' }, function() { this.resource('folder', { path: '/folder/:folder_id'… >>> More
What is the best way to bind PhoneGap events (like backbutton) to views in ember.js

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm playing with PhoneGap and emberjs (trying to build "proof of concept" mobile/HTML5 application based on ember.js). Ember.js itself works fine, but I haven't found any good way to "bind" PhoneGap events to views. For instance, I would like to handle backbutton event and remove a view on it.… >>> More
Metamorphs Messing Up CSS in Ember.js Views

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm using Ember.js / handlebars to loop through a collection and spit out some items that I'd like bootstrap to handle nice and responsive like. Here is the issue: The bootstrap-responsive css has some declrations in it like: .row-fluid > [class*="span"]:first-child { margin-left: 0; } and … >>> More
Ember.js CollectionView order

as seen on Stack Overflow - Search for 'Stack Overflow'
I have an ArrayController which is periodically updated. It has a sorted computed property which keeps things in order. I'm trying to use a CollectionView with it's content property bound to the sorted property, but it's not rendering them in the correct order. demo I've obviously made the false… >>> More

Related posts about sublimetext2

SublimeJava won't react at all on Mac OS X 10.7

as seen on Stack Overflow - Search for 'Stack Overflow'
today I tried to install and run the SublimeJava Plugin for Sublime Text 2. Here is basically what i've done. Cloning the git Repository https://github.com/quarnster/SublimeJava.git into ~/Library/Application Support/Sublime Text 2/Packages. Created a ProjectFile to test the Plugin. { "folders": … >>> More
How can I have HTML tab expansion in ST2 w/ Emmet inside Handlebars templates(emberjs)?

as seen on Stack Overflow - Search for 'Stack Overflow'
Okay, so I'm using Sublime Text 2 with Emmet. But "Tab" expansion of HTML snippets doesn't work inside a script because of the scope. Example: In HTML, I can type "h1" and then hit tab, and it will generate "" When using Ember.js, and more specifically Handlebars, it doesn't work. <script type="text/x-handlebars"> h1 </script> Pressing… >>> More
Sublime Text LaTeXTools console autohide

as seen on Stack Overflow - Search for 'Stack Overflow'
The build script in the LaTeXTools plugin for Sublime Text editor pops up the console, where the result of the compilation is written. I would like the console to auto-hide once the compilation is finished and there are no errors (and to stay open otherwise). I knew how to achieve this with Sublime… >>> More
How can I find all attributes with single quotes in a Sublime Text 2 document and replace with double quotes?

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm feeling particularly nit-picky today. I'm working in some HTML docs that have single quotes around all attribute values through the docs, like this: <div class='classone classtwo'> I'd love to be able to do a find-and-replace in each doc and replace with double quotes, like this: <div… >>> More
Extra < using auto complete in Sublime Text 2

as seen on Stack Overflow - Search for 'Stack Overflow'
I installed the All Autocomplete package in my Sublime Text 2 editor and everything works fine except when I type "<div" or something similar, the auto-complete box pops up, I select the one I want and hit enter and it adds "<<div></div>" with an extra "<" in the front of my tag… >>> More