Change Format of css Stylesheets in Eclipse

Question

So Eclipse can auto-format my css files under Source->Format, or by hitting Cntl-Shift-F.

When I group selectors for a single rule, eclipse formats it like this:

.planner th,.planner td {
    border: 1px solid black;
}

I would really like Eclipse to add a space between the selectors to aide readability, like this:

.planner th, .planner td {
    border: 1px solid black;
}

Is there any way I can configure Eclipse to do this? I'm running Eclipse Indigo.

stackoverflow.com/questions/1392744/… I believe this should solve your problems... — will
– will, Commented Jun 13, 2012 at 23:26
@will, No, those options are specific to the Java formatter and don't affect CSS formatting. — Tom Tresansky
– Tom Tresansky, Commented Jun 14, 2012 at 12:28
Does it not let you select the language you want to format though? — will
– will, Commented Jun 14, 2012 at 17:33

Eliran Malka · Accepted Answer · 2013-12-31 12:53:47Z

1

The Aptana Studio plugin for eclipse has a formatter that's pre-configured according to your needs.

I recommend using it regardless as it ease up the development process a great deal for web developers (all sorts of nifty features like built-in Git integration, code assist for common JavaScript libraries, integrated FTP client, embedded AJAX server [Jaxer], nice themes included, etcetera, etcetera...).

References:

Aptana Studio download page

edited Dec 31, 2013 at 12:53

answered Jun 14, 2012 at 7:52

Eliran Malka

16.4k7 gold badges80 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tom Tresansky Over a year ago

This looks promising. I'll download the plugin and try it out.

Tom Tresansky Over a year ago

Does the trick by default, and offers a lot of other coolness for working with css in eclipse!

Larry Battle · Accepted Answer · 2012-06-08 15:22:39Z

1

The easiest way to solve your problem would be to run a find/replace command like so.

Open up File/Replace ( Ctrl+F) on the CSS file.
Find: ,\.
Replace: , \.
Check the regular expressions box.
Click Replace All.

Alternatively If your want can't be configure through the CSS editor (which seems to be so), then you're going to have to make a plugin for it.

CSS Editor is located here:

Preferences > Web > CSS Files > Editor

If you're considering making a plugin, then check out the package org.eclipse.jdt.core.formatter for help.

More information here:

answered Jun 8, 2012 at 15:22

Larry Battle

9,1985 gold badges44 silver badges55 bronze badges

1 Comment

Tom Tresansky Over a year ago

It's admittedly a pretty easy problem to fix in various ways, but I want eclipse to do it for me. I hope writing a custom plugin isn't the only answer.

rrrcode · Accepted Answer · 2012-06-14 08:24:38Z

0

You could add a CSS class macro rule or even a macro, it works great in a text file but not so much the Java editor.

But your utlimate answer is add/change rules in ICSSStyleSheet, there is an explanation here: http://lab.benstucki.net/flashsac/doc/org/w3c/css/dom/ICSSStyleSheet.html#insertRule() <-- include those brackets.

answered Jun 14, 2012 at 8:24

rrrcode

1073 silver badges10 bronze badges

1 Comment

Tom Tresansky Over a year ago

I'm not sure what this is, could you please clarify?

Collectives™ on Stack Overflow

Change Format of css Stylesheets in Eclipse

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related