CODEWITHSUNDEEP
javascriptemacsjs2-mode
Phillip B Oldham
Phillip B Oldham

Reputation: 19365

Emacs + js2-mode: disable indenting completely?

I'm using js2-mode for working with javascript in emacs and for the most part it's very useful. However, the indenting methods are terribly frustrating when working with jQuery, closures, and JSON... for instance, code that I wish to be indented like this:

var foo = jQuery('#mycontainer ul li').each(function(el){
    var bar = el.html();
});

Turns out as:

var foo = jQuery('#mycontainer ul li').each(function(el){
                                          var bar = el.html();
                                       });

Is there a way I can just switch off all the indenting "helpers" and just have emacs insert N spaces when I hit the tab key? I know manual-indentation is a step backwards, but having readable code is, IMHO, more useful than a tool that doesn't work as expected.

Upvotes: 13

Views: 4506

Answers (7)

grm
grm

Reputation: 5407

One other alternative is js3-mode. It indents like this by default, but there seems to be some options that might enable you to tweak it for your liking. 

var foo = jQuery('#mycontainer ul li').each(function(el){
            var bar = el.html();
          });

Upvotes: 1

Dmitry
Dmitry

Reputation: 3665

Not a direct answer to your question, but here is a fork of js2-mode that has improved indenting.

One of the improvements is that your example code is indented the way you ask here.

Upvotes: 7

antonj
antonj

Reputation: 21816

Check out this solution, maps indentation function in js2-mode to partially use indentation from esresso-mode (now known as js-mode included in emacs 23.2 and newer):

http://mihai.bazon.net/projects/editing-javascript-with-emacs-js2-mode

Works exactly as I expect indentation in emacs to work and you still get the parsing awesomeness from js2-mode.

Upvotes: 5

friism
friism

Reputation: 19279

Have you tried new versions of js2-mode? It looks like there's a fix out: http://code.google.com/p/js2-mode/issues/detail?id=94

Upvotes: 4

jrockway
jrockway

Reputation: 42674

I guess I will make this a full answer instead of a comment; espresso-mode is included with Emacs, and is designed to be a Javascript mode for Emacs (instead of a Javascript mode that happens to run inside of Emacs). It works like regular programming modes, and also happens to indent things the way you like.

Upvotes: 6

sanityinc
sanityinc

Reputation: 15212

js2-mode supports "bounce" indenting; you can press tab multiple times to choose different likely indenting levels, so you might be able to get the effect you want that way:

(setq js2-bounce-indent-p t)

Upvotes: 3

Kilian Foth
Kilian Foth

Reputation: 14336

You can simply bind TAB to insert itself:

(add-hook 'js2-mode-hook 'my-js2-mode-hook)
(defun my-js2-mode-hook ()
  (define-key js2-mode-map [tab] 'self-insert-command))

(But the better solution would, of course, be to find out why the mode thinks it needs so much indentation for anonymous functions, and fix it.)

Upvotes: 1

Related Questions