Bootstrap Markdown

Markdown editing meets Bootstrap. Demo and documentation available at http://toopay.github.io/bootstrap-markdown/
Simple Markdown editing tools that works!

Bootstrap-Markdowndesigned to be easily integrated with your bootstrap project. It exposes useful API that allow you to fully hook-in into the plugin

Switch regular textarea within your form into Bootstrap-Markdowneditor seamlessly by adding data-provide="markdown"attribute


Beside using above data-attributes, you could call it via code

$("#some-textarea").markdown({autofocus:false,savable:false})

Available options are:

Option NameTypeDescription
autofocusbooleanIndicates that editor will focused after instantiated. Default to false
savablebooleanIndicates that editor will have save button and action. Default to false
hideablebooleanIf set to truethen the editor will be hidden on blurevent. Default to false
widthmixedThe editor width. Default to inherit. You could supply any numerical value (that will be set as css), or supply valid Bootstrap class (something like span2)
heightmixedThe editor height. Default to inherit
resizestringOption to disable or change the resize property, possible values none,both,horizontal,vertical. Default none
If this option is enabled, the user will be able to resize the editor and preview screen.

Browser support

This is currently only supported on limited browsers. See Can you run it: Resizefor all supported browsers

iconlibrarystringThe icon library to use. Glyphicons (glyph) and Font Awesome (fa) are supported. In order to use Font Awesome properly, you'll need to include Font Awesome stylesheetyourself. Default to glyph
languagestringLocalization setting. Default to en
footermixedFooter dom. Can be string or callback. Default is empty string
fullscreenobjectContains enable(bool) and icons(object) keys.
hiddenButtonsmixedArray or string of button names to be hidden. Default is empty string
disabledButtonsmixedArray or string of button names to be disabled. Default is empty string