Markdown-Extra Editor

ver. 0.9.0

Based on a JavaScript port of PHP Markdown Extra this Editor provides a lean Interface to edit your Markdown-Documents.

With Support for Footnotes, Tables, Abbreviations etc. Markdown-Extra is a perfect choice to write even scientific Texts.

Features

• switchable Split-Window (Editor | HTML-Preview | both)
• Fast even on long Documents (by deactivating auto-transcoding at some length)
• works on Mobile Devices too
• plain Vanilla-JS (faster than using Libs)
• Auto-Indentation / Auto-Completition for Lists, Tabs, ... (i missed that!)
• "Table of Contents" in Preview for customizable Elements (Headings, Comments, Quotes, ...)
• synchronized scrolling
• HTML-Comments are shown as Tooltip
• easy extendible (simple to understand) and embeddable in your Web-Apps (multiple Editors in one Page)

Why?

Why Markdown?

• Markdown is beautiful and easily to understand
• WYSIWYM is way more suitable for distraction-free writing (don’t waste time formatting your texts while writing)
• no Incompatibilities between strange file formats from strange companies ;-)

*[WYSIWYM]: "What you see is what you mean"

Why use your Browser as Editor?

• to edit Online-Texts without downloading/uploading Files (Editor can be integrated in your CMS)
• Spellcheck on Textareas is integrated in most Browsers
• some Browsers are also usable as an Offline-Editor (see Tips) while saving online is still possible
• your Browser is open anyway ;-)
• no additional Installation required. Use it everywhere

Credits

• Transcoder: js-markdown-extra
• Icons: Font Awesome via Fontello
• Table of Contents inspired by: quirksmode.org

Tips

• this Firefox-extension "adds File Open and Save functionality to editable text fields and areas, in effect turning them into notepads." Install, right-click into the Edit-Area: "Text">"Load from File". Once a Text is loaded Ctrl+S will work as well!!
• Turn your Browser to Fullscreen to concentrate on writing.
• If you want to transform Markdown(-Extra) into something else (like PDF, Openoffice or Word, etc.) have a look at the Swiss-Army Knife for Markdown Pandoc
• If Zotero for Firefox is installed directly in your Browser you have a Reference-Manager at your Fingertips
• To adapt the Menu-Items just edit the Menu-JSON found at the bottom of markdown-extra-editor.js on http://jsoneditoronline.org
• to manage the Icons found in font/ go to http://fontello.com

Limitations

• Javascript must be activated
• IE less than 9 is (will) not be supported
• atm JS-Markdown-Extra is based on PHP Markdown Extra 1.2.5, so Support for some fancy new Markup is missing