Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Atom.io for Markdown Editing

DZone's Guide to

Atom.io for Markdown Editing

·
Free Resource

A while back, Atom.io replaced Sublime Text as my go-to editor of choice for most things (I still use Visual Studio for .NET, but I work at Microsoft so that's expected I guess.) Since I work on the documentation team, a lot of what I use Atom for is Markdown authoring. Some folks on my team have asked about my recommendations on using Atom for Markdown editing, so I thought this might be interesting for those outside the documentation team also.

Markdown support

Out of the box, Atom has pretty good support for Markdown. It has syntax highlighting and rendered preview functionality right out of the box, along with support for things like GitHub flavored Markdown. However, if you are coming from a dedicated Markdown editor such as Markdown Pad you may miss features like a preview that scrolls in sync with the Markdown view.

Fortunately, Atom has a variety of community generated packages that can be installed to provide additional functionality. Here are the ones I recommend:

  • Markdown-Writer: Adds a bunch of keyboard commands for things like text formatting and creating links & images, along with support for popular static site blogging platforms.
  • Markdown-Scorll-Sync: Makes the rendered preview scroll in sync with the Markdown view.
  • Markdown-Format: Makes your Markdown pretty when you save. Things like renumbering lists so they are actually in order (vs. the 1, 2, 3, 5, 5, 5, 8, 9 I always seem to end up with,) and padding cells in GitHub Flavored Markdown tables so they are more readable.

There's more than this, so I'll leave it to you to explore the other Markdown related packages.

Installing packages

Once you've installed Atom.io, to install these or any other packages, perform the following steps:

  1. From the File menu, select Settings, then Install. Enter the name of the package you wish to install (or part of the name, such as Markdown to see all packages that contain that word.)
  2. Click the Install button beside the package. If you want to read more about the package before installing, click the title of the package and it will open your browser and display more information.

Configuration

Once installed, you can use the Packages tab from Settings to disable, enable, or configure packages.

While some packages have their own configuration, you will also want to look at File, Settings, Settings to configure the following settings for Markdown authoring:

  • Tab length: If Soft tabs is enabled, then you should set this to 4 since Markdown expects either a single tab or 4 spaces when indenting.
  • Soft wrap, Soft wrap and preferred line length, and Preferred line length: This causes the editor to wrap lines at the specified line length. Otherwise, paragraphs will scroll off the editor to the right. Makes things much more readable, especially when the preview window is open.

This last one is a matter of preference. Markdown-Writer does its own special thing with the tab key for indention. In the current version, on Windows, it only seems to indent in a list, while I want it to indent everywhere when I hit the tab key. You can override the current Markdown-Writer functionality by doing the following:

  1. File, Settings, Keybindings, then click the link to your keymap file at the top of the page.
  2. Add the following new lines to the end of the keymap.cson file:
    'atom-text-editor[data-grammar~=\'gfm\']':
    'tab': 'editor:indent'
    This restores normal tab functionality for Markdown editing. NOTE: If you're using something like Markdown-Format, it may convert 4 spaces to tabs automatically when you save.

Tips

  • To toggle the Markdown preview, use ctrl-shift-m.
  • If you've opend Atom to a specific folder, and it's showing the tree view side bar, you can dismiss it with ctrl-.
  • Atom.io checks for package updates automatically. If you see a blue box in the lower right-hand corner, that means some packages have been updated. Click on the blue box to install them.
  • If you're working in a folder that contains a lot of Markdown files, don't even try using the tree view. It's 100x easier to use ctrl-t and then start typing the file name you want to open. This will search through the directory structure for files that match the text you've entered, and you can then click the one you want.
  • If you need to change the indentation for a section of text (for example, a section of source code,) just select it and hit ctrl-[ or ] to change the indent level.

So what about Visual Studio Code?

Yes, Visual Studio Code is nice, and it has some basic Markdown support. But it's brand new and the extensibility story hasn't materialized yet. So while it can be used for Markdown right now, it doesn't have all the things I need/want from a Markdown editor.

Long term, it may kick Atom off my system once the community can start extending it. I'll evaluate it and do a blog on it once we get to that point.

Summary

Atom.io is a great Markdown authoring tool for people who need a generic, extensible Markdown editor. While it may not have all the bells and whistles, or speed of a dedicated Markdown tool, it has enough functionality and extensibility to get the job done. Since it also handles code authoring, it's also a nice way to reduce the number of specialized tools loaded on your workstation.

Topics:
editor ,tools & methods ,markdown ,sublime text ,atom.io

Published at DZone with permission of Larry Franks, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}