Bootstrap Markdown



Usage

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

  • Switch regular textarea within your form into Bootstrap-Markdown editor seamlessly by adding data-provide='markdown' attribute.
  • Bootstrapicons is a search tool for icons in the bootstrap framework created by Brent Swisher.
  • EPFL Bootstrap is a fully responsive, semantic and accessible front-end framework used for web applications on the campus.

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 true then the editor will be hidden on blur event. 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
resizestring Option 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: Resize for 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 stylesheet yourself. 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
Generate a HTML page from markdown files with Bootstrap CSS

Subscribe on Youtube: To watch more videos like this, go to In this episode.

markdown_with_bootstrap_css.sh
#!/bin/bash
check_args=${@:?You forgot the markdown file(s) as arg}
cat <<EOF
<html>
<head>
<title></title>
<!-- Bootstrap css themes -->
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css' integrity='sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7' crossorigin='anonymous'>
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css' integrity='sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r' crossorigin='anonymous'>
<!-- Bootstrap's .container is too large -->
<style>
.container {
width: 80ch;
}
</style>
</head>
<body>
<div>
EOF
foriin$@;do
markdown $i
done
cat <<EOF
</div>
</body>
EOF
Bootstrap Markdown

Bootstrap Markdown

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment