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 Name | Type | Description |
|---|---|---|
autofocus | boolean | Indicates that editor will focused after instantiated. Default to false |
savable | boolean | Indicates that editor will have save button and action. Default to false |
hideable | boolean | If set to true then the editor will be hidden on blur event. Default to false |
width | mixed | The 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) |
height | mixed | The editor height. Default to inherit |
resize | string | Option to disable or change the resize property, possible values none,both,horizontal,vertical. Default noneIf 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 |
iconlibrary | string | The 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 |
language | string | Localization setting. Default to en |
footer | mixed | Footer dom. Can be string or callback. Default is empty string |
fullscreen | object | Contains enable (bool) and icons (object) keys. |
hiddenButtons | mixed | Array or string of button names to be hidden. Default is empty string |
disabledButtons | mixed | Array 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
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment
