Is there a command for formatting HTML in the Atom editor?

html atom-editor code-formatting
user376456 picture user376456 · Jun 12, 2014 · Viewed 158.3k times · Source

I would like to format my HTML with a command, as I do in Visual Studio, using Ctrl+K+D. Is this possible in Atom? If not, are there other options?

Answer

Stuart Hallows picture Stuart Hallows · Jul 30, 2014

Atom does not have a built-in command for formatting html. However, you can install the atom-beautify package to get this behavior.

  1. Press CTRL + SHFT + P to bring up the command palette (CMD + SHFT + P on a Mac).
  2. Type Install Packages to bring up the package manager.
  3. Type beautify into the search box.
  4. Choose atom-beautify or one of the other packages and click Install.
  5. Now you can use the default keybinding for atom-beautify CTRL + ALT + B to beautify your HTML (CTRL + OPTION + B on a Mac).

Related questions

How can I get atom.io's "Go to Declaration" to really do that?

In atom.io, if I right click in "wrappedlabel" here: <label class="wrappedlabel">"Be Kind to Animammals - Kiss a Duckbilled Platypus Today"</label> ...it teases me with "Go to Declaration" Clicking does not take me …

Read More
Emmet on atom not working properly

Hi I'm using Emmet on Atom code editor and it works fine only with the simple tags like meta. Nevertheless when I try something complex like ul>li*5 or meta[property=""] and then press tab, nothing happens. Anyone know …

Read More
How to create an HTML button that acts like a link?

I would like to create an HTML button that acts like a link. So, when you click the button, it redirects to a page. I would like it to be as accessible as possible. I would also like it so …

Read More