I recently discovered a great new tool for web writers called MultiMarkdown thanks to a recent Mac Power Users podcast. Now on first glance, you’ll probably think that this is too nerdy/geeky for the common person, but it’s actually a gift to anyone who’s been troubled by the fact that it’s so darn hard to convert anything to clean HTML. If you’ve never had that thought, or never had the need to convert a document to HTML, you can safely move on. If you have, read on…

If you’re a blogger, you’ve probably experimented with different ways of composing your blog posts. Perhaps you’ve tried word processors like Microsoft Word or other desktop apps because you don’t like editing in a browser (like me). Writing in these apps works fine (assuming you aren’t distracted by the superfluous amount of commands bordering your page), but for all the technology and ubiquity of the Web,  converting your composition to something that can be rendered on a web page is still a royal pain.

Microsoft Word, for example, is designed to generate an inordinate amount of additional HTML coding around even the simplest of HTML documents. There was probably less code running the Apollo space craft than is contained in a Word-generated HTML file. And of course, once pasted into your blog editor of choice, it never looks the same as it did in Word.

Maybe you’ve also tried composing in a simple text editor like TextEdit on your Mac or even Notepad on your PC. Again, the writing part is easy, but now you’re stuck having to type long HTML commands like anchors, breaks, paragraph codes, etc. over and over. And if you need to create a table, just forget it.

The underlying problem is that you find yourself playing the role of a programmer at least as much as a writer. This can be a major distraction that ultimately affects the quality of your work.

MutltiMarkdown eases the woe of the common web writer by providing simple, intuitive shortcuts for HTML codes. For example, a table can be created simply using the pipe symbol like this:

|col 1|col 2|
|--|--|
|abc|def|

The above bit of code turns into

</col> </col>
col 1 col 2
abc def

I really like the way MutltiMarkdown handles links too. There are several different ways of typing a link. The simplest is like this:

[Google](http://www.google.com)

If you have long URLs, you may want to use this footnote-like method:

[Google][1]
[1]: http://www.google.com

The second alternative above has the advantage of keeping your text even cleaner, so you don’t have long URLs cluttering up your paragraphs. You can put the hyperlink number anywhere in your file (I like putting them in a stack at the bottom.)

Both methods generate the same result: Google.

So in summary, with MultiMarkdown, you can focus on your writing, not your coding. When you’re done drafting, you simply convert your text file to HTML using a script provided on the MultiMarkdown website.

If you’re a Mac user, you’re in even more luck. Fletcher Penney, the author of MultiMarkdown, created several apps that let you simply drag and drop your MultiMarkdown text file to create HTML, RTF, and other formats.

Even better, there are a number of Mac apps that are compatible with MultiMarkdown like Scrivener, OmniOutliner, and Notational Velocity.

In summary, if you use MultiMarkdown to write your HTML-bound documents, you can

  1. Write in a simple text editor using the MultiMarkdown syntax.
  2. Save the file like file.txt (or whatever file name you prefer).
  3. Drag the text file to one of the apps that automatically translates the MultiMarkdown format into HTML.
  4. Copy your HTML to your favorite blog editor (or wherever you want it).

Let me know if you have any questions on MultiMarkdown or how you’re using it in the comments.

Also, be sure to check out the original Markdown page and PHP Markdown Extra for extra syntax tips.