Skip to main content

Two Excellent Free Markdown Editors For Windows

htmlMarkdown is a lightweight markup language that allows users to write in plain text format using easy to write markup, and then convert it to structurally valid XHTML or HTML. Simply put it’s a text-to-HTML conversion tool for web coders.

Let’s face it, writing HTML in a text editor isn’t the most efficient way to create webpages. It requires lot of effort and time, and all it takes is an accidentally misplaced closing tag to mess up the whole document. WYSIWYG editors rather than solving the problem further aggravates it by being too helpful with HTML tags essentially destroying your formatting. True, today’s HTML editors are smarter than what they were a few years ago (Microsoft Frontpage) but they still have a long way to go before they can start producing code like humans.

Markdown allows web programmers to write HTML code without having to worry about markup. It uses simple markups or syntaxes that are easy to write. For example the header tags <h1>, <h2> etc. simply becomes #, ## and so on. <blockquote> becomes > and lists have a simple * in the beginning. Most importantly, you don’t have to worry about the closing tag.

Here is a typical piece of HTML code.

html-example

And here is the Markdown version of the same code.

markdown-example

So now that you know what Markdown is, let us look at 2 free Markdown editors that lets you write in Markdown syntax and get output in HTML.

MarkdownPad

markdownpad

MarkdownPad is one of the best known Markdown editor for Windows. The code writing area is split vertically into a left and right panel. You type your document on the left panel using Markup syntax and the preview is displayed instantly on the left. Markdown formatting can be applied with handy keyboard shortcuts and toolbar buttons. Documents can be quickly converted to HTML by using the Copy to HTML command from the menus. You can also fully customize the style sheet.

Gonzo

gonzo

Gonzo is a lightweight, open source markdown editor written for Adobe Air. Being based on Adobe Air makes Gonzo not just limited to the Windows platform; it runs on Linux and Mac OSX too.

Like MarkdownPad, Gonzo features a split-panel interface – you type your document on the left and see real time preview on the right. Unlike MarkdownPad, you can actually see the HTML markup as you type. Unfortunately, the HTML view is not editable and thus you cannot make make corrections/editions on it.

You can create markup using keyboard shortcuts or from the menu. Watch out for the shortcuts though, as they aren’t the universal editing shortcuts. For example, CTRL+I will not italicize text but insert image.

Also see Zen Coding, another speedy way to write HTML and CSS code.

Image credit: BigStockPhoto

Comments

Popular posts from this blog

How to Schedule Changes to Your Facebook Page Cover Photo

Facebook’s current layout, the so called Timeline, features a prominent, large cover photo that some people are using in a lot of different creative ways. Timeline is also available for Facebook Pages that people can use to promote their website or business or event. Although you can change the cover photo as often as you like, it’s meant to be static – something which you design and leave it for at least a few weeks or months like a redesigned website. However, there are times when you may want to change the cover photo frequently and periodically to match event dates or some special promotion that you are running or plan to run. So, here is how you can do that.

69 alternatives to the default Facebook profile picture

If you have changed the default Facebook profile picture and uploaded your own, it’s fine. But if not, then why not replace that boring picture of the guy with a wisp of hair sticking out of his head with something different and funny?

How to remove watermark from an image or picture

A watermark is any recognizable text, logo or pattern that appears over an image to identify the owner of the image and generally used to prevent unauthorized reuse of the image. Watermarks are usually transparent and can be difficult to remove. The difficulty or ease of removal depends on the content of the image and the position, color, size etc of the watermark.