Navigate to your HTML file and select Open. You can now view your HTML in the web browser. To make changes, simply modify the file in Atom, save your work, then refresh the web browser tab and see your updates!
Atom HTML Preview is a plugin that allows you to view the HTML page directly on Atom instead of opening HTML files in the browsers.
Format a selection of code using the code-format:format-code ( CTRL+SHIFT+C ) command. (Also accessible via context menu, or "Edit > Text > Format Code"). When no selection is provided, the entire file is formatted.
In that welcome screen, we are introduced to probably the most important command in Atom, the Command Palette. If you press Ctrl+Shift+P while focused in an editor pane, the command palette will pop up. Throughout the book, we will use shortcut keybindings like Ctrl+Shift+P to demonstrate how to run a command.
Atom does not have a built-in command for formatting html. However, you can install the atom-beautify package to get this behavior.
There are a few packages for prettifying HTML. You can find them by searching the Atom package archive:
Or just go to this link: https://atom.io/packages/search?q=prettify
Once you've selected a package that does what you want you can install it by using the command: apm install [package name]
from the command line or install it using the interface in Preferences.
When the package is installed, follow its instructions for how to activate its capabilities.
https://github.com/Glavin001/atom-beautify
Includes many different languages, html too..
You can add atom beauty package for formatting text in atom..
file --> setting --> Install
then you type atom-beautify in search area.
then click Package button.. select atom beuty and install it.
next you can format your text using (Alt + ctrl + b) or right click and select beautify editor contents
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With