This Atom Package simplifies some of the processing of hand-coding HTML.
The various tools either replace selected text with HTML code which would be more tedious to type or, in some cases, inserts snippets of HTML.
There are also some additional tools to help with setting up pages and some common preferences.
This is also available from the right-click menu.
These tools will convert and replace selected text:
| Convert … | Action |
|---|---|
| Paragraphs | Convert text to paragraphs |
| Headings and Paragraphs | Convert text to Headings & Paragraphs |
| HTML Structure | Generate HTML from selected text |
| Lists | Create Lists |
| Tables | Convert to HTML Table; Can also be used for Markdown, AsciiDoc and Text tables |
| Anchors | Convert to HTML Anchors (links) |
Insert HTML links to various files in your web folder.
| Insert … | Link |
|---|---|
| Image | <img src="…" alt=="…" title="…" width="…" height=="…"> |
| JavaScript | <script type="text/javascript" src="…"></script> |
| CSS Style Sheet | <link rel="stylesheet" type="text/css" href="…"> |
| Anchor | <a href="…">…</a> |
When selected:
- Choose the type of link
- A File Open dialog will appear; choose a file
- Fill in any other options
If you cancel the File Open dialog, the corresponding src or href will be empty. This is especially useful if you need to link to a full URL.
Miscellaenous document-related tools.
| Tool | Action |
|---|---|
| Spaces to Tabs | This simply converts multiple spaces to tabs, using the tool from the Whitespace package |
| Smart Quotes | Converts the "straight quotes" in the selected text to “Smart Quotes” |
| Entify | Converts <, >, & and possibly ' & " to HTML Entities |
There is additional functionality to add a new line without indenting. To finish the job, you need to add the following in you ~/.atom/keymap.cson file:
'atom-workspace atom-text-editor:not([mini])':
…
'shift-enter': 'web-tools:shift-enter-no-indent',
See HOWTO for details on how to use the tools