MDMagick

The most simple and easy to integrate MarkDown HTML WYSIWYG

Add style butttons and preview to any kind of input field

• MDMagick's code
• MDMagick's demo page
• MDMagick's README

Demo page: Focus in the different input fields and interact with the helper buttons.

Use

Just add the class mdm-input to any input element in your page and it will became in a MarkDown Editor.

Or you can do it in a more explicit way:

$('.css-selector').mdmagick();

A textarea

Simple textarea is becomed in a MarkDown editor with buttons and preview

This is a textarea where you can **edit** and use the _above buttons_ to modify styling it has one line and another line A list of elements: - one - two - three

A textfield

Same can be done with a simple input text field

Authomatic MDMagick with a textarea

Every element with class mdm-input will be becomed in a MDMagick input.

This is a textarea **authomatically** converted to a MDMagick input.