[Windows] MarkdownPad is a unique text editing tool, allows you to write text and then add HTML or CSS

MarkdownPad UIAs a web admin for several sites I definitely understand the need to work with markup while writing content. Hell, if you’ve ever used WordPress or a similar CMS platform, then you already know what I’m talking about. As a writer though, I find it cramps my style and ruins my productivity when I have to worry about producing content and efficient HTML or CSS markup simultaneously. It’s so much easier to write, and then go back later to add the necessary code. Obviously, that strategy can become quite tedious over time. MarkdownPad is a free Windows application designed to combine the two writing tasks into one.

What is it and what does it do

Main Functionality

MarkdownPad sample textMarkdownPad is a unique text editing tool for Windows that allows you to write content and then format it with HTML or CSS markup using hotkeys and tags. Normally, if you want to bold a particular phrase or word you would have to use the <strong></strong> HTML tags. With MarkdownPad you can just press the usual CTRL+B shortcut (it’s the same for Word, or other text editing tools) to handle the change. There are a whole slew of shortcuts and inline tags which make the entire editing process that much easier. The beauty of the app is that you don’t have to stop writing to enter code, you can seamlessly use the shortcuts.

Pros

  • Allows you to produce text and HTML/CSS content quickly and efficiently
  • You can implement code through the use of shortcuts and hotkeys
    • Add images, hyperlinks, headers and more
  • There’s a preview pane which shows realtime updates, and an option to preview content in a browser window
  • Tabbed interface allows you to multitask
  • Minimal yet easy to navigate design is a boon, it’s quite similar to notepad or notepad++
  • Works great with CMS platforms like WordPress
  • Great tool for casual and advanced users, may be educational for some

Cons

  • Uses nearly 47MB of RAM while running, not bad but not exceptional either
  • The premium version includes more features, namely a PDF export function

The Pro Version

MarkdownPad upgrade to proBefore we get to the review, it’s relevant to note that there are two different versions of this application: one premium and the other free. The premium or pro version ($14.95) includes several features that are not available in the free variant. Those omitted features include the following:

  • PDF export
  • GitHub markdown support
  • Markdown extra (including tables)
  • Unlimited custom CSS files
  • Auto-save support
  • Integrated image upload tool
  • Commercial use (free version is for personal or educational purposes only)

The very first time you launch the application it will prompt you to purchase the premium version. You can always opt to use the free version instead if you don’t want to spend the cash.

Discussion

MarkdownPad file and export menusAfter the initial fuss is over, the application will load and you’ll notice some sample text already entered into the editor. Most of it demonstrates how you can use the application, by showing off some of the most used tags and shortcuts.

Personally, I will always be a fan of tabbed interfaces. I loathe having to keep several instances of a single application open. It’s so much more efficient and convenient when an application opens new documents, or windows through separate tabs. You better believe that I was happy to find MarkdownPad supports tabs. Every new document that you open appears in a new tab of its own. All previous tabs remain open, unless you expressly close them.

The minimal design is welcome, and although it appears to be a little more modern the button layout feels remarkably similar. This could be a native Windows app, or at least it feels that way in terms of mechanics and layout.

MarkdownPad add imageYou don’t really have to configure anything, you can jump right into producing content. Of course, it will take a bit to learn some of the more advanced shortcuts. I had to refer to the initial welcome document to learn how to use block text, and structure headings. Because most of the shortcuts use CTRL in combination with another key it’s not difficult to memorize them. After merely an hour or two with the program I was coding like a real pro.

Perhaps the most welcome feature is the preview pane on the right hand side of the window. As you type content into the editor, you can see in realtime how it will look when viewed in a browser. I say browser, because I’m assuming you will be implementing the text content via an HTML or CSS platform of some kind. After all, that’s exactly what this app is for.

Casual users will have no problem learning the ropes, and better yet once you actually start using shortcuts and viewing the final content you even learn a bit of code. Mind you, amateurs won’t automatically become professional coders overnight but there is definitely potential to use this as a minor learning tool.

MarkdownPad preview content in browserIt reminds me of graphical CMS platforms like WordPress, only it’s not hosted on a web server somewhere. You can add images, hyperlinks, content headers, and more with the simple click of a button or a key press. The app even includes a button that will open the current document in a web browser for viewing.

If you’re not the best when it comes to grammar or spelling, MarkdownPad even includes a spellcheck tool built-in. It can be disabled if it starts to get in your way though which is always a plus.

MarkdownPad uses about 47MB of RAM while running, so it’s not too lightweight. That being said, it shouldn’t degrade performance at all.

Conclusion and download link

MarkdownPad aboutIf you ever work with markup while producing text based content, then I think you’ll find MarkdownPad is a brilliant and incredibly useful tool. It allows you to write just as you would through a standard word processor, while implementing HTML and CSS code with the push of a keystroke or two. Standard HTML code tags are assigned to various shortcuts and hotkeys, which you can call upon instantly while you’re writing. It will allow you to focus on what truly matters, the content. Commands like bolding text, adding block quotes and more can be called upon at any moment without so much as a break in your productivity. Once you start using the app, you learn the shortcuts pretty quickly as most of them are familiar (like CTRL+B for bold text). There’s a realtime preview pane which shows you the final output of your content and you can even open your document in a browser window to review it. Images, hyperlinks, headers and more can all be called upon with the push of a button or combination of key presses. It uses about 47MB of RAM while running, so it’s not terribly lightweight but it won’t cause any performance issues either. Better yet, the output works well with CMS platforms like WordPress. You can copy and paste the final content right to your website or blog. I highly recommend checking this one out if you produce text content on a regular basis.

Price: Free, $14.95 (pro)

Version reviewed: 2.3.0.25835

Supported OS: Windows 8/7/Vista/XP

Download size: 31.0MB

VirusTotal malware scan results: 0/46

Is it portable? No

MarkdownPad Homepage

Share this post

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

11 comments

  1. Roger

    [@Evan Wondrsaek]
    Evan,
    Your scraping comment has been grinding in the back of my mind and I thought it might be good to know if Evernote does ANY scraping??
    I saved a page in Chrome that came down in 53kb with an includes folder of 3.15mb.
    The same page saved as a note and then downloaded as an htm file came in at 57kb with an includes folder of 2.92mb.
    Hardly exciting?

  2. Roger

    [@Evan Wondrsaek]
    I have Evernote and it’s a good tool. I’m after more flexibility than is possible with a long list of notes, even when they are defined by notebooks and I think you are mistaken about the “scraping” bit. If you’ll take a look at the source code in one of your saved “notes” you’ll find the scripts and extra junk is still there. Even on their nickel that’s unsustainable..
    Storing ten times more bytes than necessary to archive data is going to get expensive. The world needs a program to reduce a web page to nothing but it’s original text and accompanying images and illustrations.
    Remember the zip file! Write a program to reverse engineer a web page, preferably in large batches, before it’s archived, and you too can retire to Belize.
    Thanks Evan

  3. Evan Wondrsaek

    [@Roger]

    Have you ever looked into Evernote? It sounds like it might be a great fit for what you’re looking to do.

    A nice feature of Evernote is that they have some great browser plugins. When you want to save a webpage, you just click a button in your browser, and Evernote intelligently scrapes just the content from the site, and not all the scripts and extra junk. The content is then saved “in the cloud” in your Evernote account.

  4. Roger

    [@Evan Wondrasek] Thanks Evan, I had pretty much come to the same conclusion..Your program takes a text file and adds CSS,script, etc.to turn it into a web page,
    My goal is to take a web page, remove CSS, script, fb code, twitter code,etc.and reduce the page to text and any pertinent images, saved in html format.
    I’m looking for an app to reverse engineer web pages, using a minimum number of clicks.
    Thanks for the reply.

  5. Evan Wondrasek

    [@Roger]

    Hi Roger,

    I believe I can explain the behavior you are explaining. One of the features of the Markdown markup language is that it is backwards compatible with raw HTML. That means that you can write a standard Markdown document with Markdown syntax, but you can also insert raw HTML code and it will process it just like usual.

    Because the Markdown language will process HTML (and JavaScript), if you save a HTML page from the internet and open it in MarkdownPad, it will try processing all HTML and JavaScript content in this document. This can cause a variety of unexpected behavior, so I highly recommend not using MarkdownPad for this purpose.

    Hope this helps!

  6. Roger

    [@Roger]
    I can offer a little more insight to this this morning although it won’t change much.
    IMHO
    MarkdownPad2 chokes on script.

    Back on a 32-bit machine w/Win7 I used a 212kb htm page that I saved using Chrome. Changed the ext. to .md and opened in MP2. Scrolling very slow with frequent buffering. Tried to edit out the script and the program finally crashed with Windows looking for a solution!

    Second shot…….
    using the same htm page I changed the ext. to .txt and opened in MP2. Shocked to discover that the page is still parsing (?) the script with basically the same results as with the .md file above. I could highlight and delete script from a txt page and the page still stopped responding and buffering.

    Using it as designed MP2 may do a remarkable job at markdown but I couldn’t make it work in reverse and remove the info it inserted to markdown the original page.

    I don’t know nothing so take all this for what it’s worth and run your own tests.

  7. Roger

    I downloaded this to Win7-32 running 3GB of memory.
    I’m looking for an editor to remove all the script, css, meta data, fb, twitter code, etc.to reduce a web page to it’s original html, text, and images. Absolute minimum size while still delivering the message.
    I changed the extension from .htm to .md on a web page of about 200kb and opened the page in MarkdownPad2. As I scrolled down the page the app seemed to be buffering, and (Not Responding) appeared behind the title at the top of the page. The app finally crashed!.
    I opened a smaller page (about 120kb) and it still did the buffering bit but didn’t crash. I moved to a faster 64-bit machine with 4GB memory and a web page scrolled through OK but trying to highlight and delete the script was a slow process as the app paused a few seconds to complete each delete.
    The app is not suitable for reverse engineering a web page and, of course, nobody made that claim.
    MarkdownPad would be more valuable to me if it’s main purpose was to remove the superfluous junk we’re finding in web page today.
    I edit a saved html file from 200kb down to 15kb with the tutorial and it’s images still preserved. No script, CSS, meta data, social media code, or pop-ups. Neat and sanitary so it consumes an absolute minimum of space when I store it in the cloud!