Markdown.css - A CSS Stylesheet To Make HTML Look Like Plain-Text Markdown

Markdown.css is a CSS stylesheet which allows you to display your normally rendered HTML text in Markdown syntax.

Markdown.css also comes in as a bookmarklet which enables you to apply it on any webpage so as to generate markdown code from it.

This might be useful if you need to copy and paste some text with formatting in a Markdown editor (like at StackOverflow). You can check out Markdown.css below.

Requirements: None
Demo: http://mrcoles.com/demo/markdown-css/
License: Free

demarcate.js - An In-Page jQuery Based Editor For Markdown

demarcate.js is a jQuery plugin which allows you to directly edit a page’s HTML code and generate the equivalent Markdown code from it.

demarcate.js provides you with in-page editing and a toolbar to allow for basic formatting of the HTML elements. After editing, it allows you to generate the markdown which can then be used in any possible way.

For the time being, demarcate.js supports basic Markdown functions but support for extension is still limited.

Requirements: jQuery
Demo: http://will-hart….rcate.js/technical.html
License: MIT License

Fangle - A JavaScript Library For Reactive Markdown Documents

Fangle is a JavaScript library for creating reactive Markdown documents. Your readers can interactively explore possibilities, play with parameters, and see the document update immediately.

Fangle is inspired by Tangle, the original JavaScript library for reactive documents which was featured on Functionn some time back. The only difference is that Fangle allows you to use markdown syntax to create those reactive documents.

Fangle allows you to create a reactive document, which in turn, allows the reader to play with the author's assumptions and analyses, and see the consequences.  An explorable example makes the abstract concrete, and allows the reader to develop an intuition for how a system works.

You might want to check out these:

• Tangle - A JavaScript Library For Creating Reactive Documents

Requirements: None
Website: http://jotux.github.com/fangle/
License: MIT License

reMarked.js - A Client-Side HTML To Markdown Converter In JavaScript

reMarked.js is a client-side HTML to Markdown converter.  Markdown is a great way to format texts for the internet. Without much experience an easy to read text is written — without the bloat of HTML tags.

However, this comes — like so many things — with a cost: performance will suffer and CPU is wasted since normally Markdown would have to convert your texts to HTML for every page impression. Only some way of caching could prevent this.

That is exactly the point where reMarked.js comes into play: Write texts in Markdown and save them in HTML. You won’t need a copy of the original Markdown input, since Markdownify can convert the saved HTML back to Markdown. And because page impressions are far more often than write actions, this gives you a simple way to increase your page’s performance.

Another benefit for a CMS or similar software is that now only one format of text is saved — HTML.  The user can now choose whether to write texts in plain HTML or use a full fledged WYSIWYG editor.  Of course he can write in Markdown.

The ultimate goal is integration with existing WYSIWYG html editors (eg: TinyMCE, CKeditor, Loki, CLeditor) to produce Markdown output. There are currently no WYSIWYG editors for markdown, only WYSIWYM, which still require knowledge of markdown syntax and its many quirky flavors.

 

Requirements: None
Demo: http://leeoniya.github.com/reMarked.js/
License: MIT License

jQuery MDMagick - The Most Simple And Easy Way To Integrate A Markdown HTML WYSIWYG

jQuery MDMagick is the most simple and easy to integrate a Markdown HTML WYSIWYG editor into your next project.

How It Works

A special control buttons will be added on top of the selected input field with commands like: bold, italic, link, list, title and a preview div will be added on the bottom of the selected input field with a Markdown previsualization of the selected input field content.

Requirements: jQuery
Demo: http://fguillen.github.com/MDMagick/
License: Creative Commons 3.0

Examplifier - Turn Bland Source Code Into Interactive Demos

Examplifier is a simple tool which turns bland source code into interactive demos.  The main purpose of this tool is to enable literate programming with live feedback. Your write a program with comments and it's turned into a document with introspection tools embedded in it.

Features

• Takes a javascript file
• Generates interactive demos
• Turns embedded markdown in comments into HTML
• Clever result printing with log
• All code snippets are live editable.

Requirements: None
Demo: http://raynos.github.com/examplifier/doc/index.html
License: MIT License

Strapdown.js - Instant And Elegant Markdown Documents

Strapdown.js makes it embarrassingly simple to create elegant Markdown documents. No server-side compilation required.

Features

• Search-engine friendly
• Cross-browser compatible (tested with mobile Safari, IE 8/9, Firefox, Chrome)
• Github-style syntax highlighting
• Themeable

Requirements: None
Demo: http://strapdownjs.com/
License: MIT License

EpicEditor - An Embeddable JavaScript Markdown Editor

EpicEditor is an embeddable JavaScript markdown editor.  EpicEditor is an embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more. For developers, it offers a robust API, can be easily themed, and allows you to swap out the bundled Markdown parser with anything you throw at it.


Requirements: None
Demo: http://oscargodson.github.com/EpicEditor/
License: MIT License

EpicEditor - An Embeddable JavaScript Markdown Editor

EpicEditor is an embeddable JavaScript Markdown editor with some minor Markdown enhancements such as automatic link creation and code fencing.

Requirements: None
Demo: http://oscargodson.github.com/EpicEditor/
License: BSD License