andywis / markdown_editor

An in-browser markdown editor based on Showdown

Markdown_Editor.html - An in-browser Markdown editor

This editor is based on the showdown library.

Dependencies

There is only one dependency: the showdown.js library, which you can obtain from the link above. The simplest way is to just download dist/showdown.min.js (details of where to put it below...)

Everything else is inside the HTML file, to make it dead easy to use :-)

Setting up

1. Clone this repo or download the HTML file from it.
2. mkdir .showdown (same command on Windows)
3. Copy showdown-min.js into the .showdown folder

mkdir .showdown
curl -L -o .showdown/showdown.min.js https://github.com/showdownjs/showdown/raw/master/dist/showdown.min.js
# Windows users may need to download manually if curl is not available to you

Usage

1. Double-click the Markdown_Editor.html to load it into your browser.
2. Paste the Markdown into the type-in box at the top of the page
3. Hit "Convert"
4. See how your marked-down document looks in the box below the buttons.

Keyboard shortcuts.

There aren't any, but press tab to move between the type-in field and the buttons. Focus handlers put focus back onto the type-in box when the page loads and after clicking "Clear"

Bugs

• I think there's a CSS error if you try to do in-line code elements.