Handlebars js editor.

Question

Lately I have started to explore Ember.js, from their site I understood that there is a good synergy between Ember and Handlebars language.

I wondered if there is any editor (plugin) that can help me with handlebars auto-completion and coloring.

Solution 1

If you use Sublime Text 2, there is a great Handlebars package for syntax highlighting, etc.

https://github.com/nrw/sublime-text-handlebars

TextMate version:

https://github.com/drnic/Handlebars.tmbundle

It can be installed manually or with the Sublime Text 2 package manager.

Solution 2

If you are using handlebars as .hbs files (no script tag) you can enable syntax highlight by configuring 2 settings: the editor and content types:

• Eclipse -> Preferences -> General -> Content_Types
• add *.hbs under html
• Eclipse -> Preferences -> General -> Editor -> File Associations
• Add *.hbs to html editor.
• Close the editor and re-open it
• [optional] If still not highlight (old eclipse versions) restart eclipse.

This works for aptana and zend studio as well

Comments

[Sergey Kucher]

DO you know is there any project running for eclipse plugin?

[Marc]

As far as I know, a Handlebars syntax highlighting tool for Eclipse does not exist.

[schlingel]

I'm tempted to down vote. But I didn't because - even it's tagged as eclipse - it's not mentioned once in the question itself.

[Ala Eddine JEBALI]

It works with Eclipse Oxygen by just closing my .hbs file and reopening it.