markdown-it-task-checkbox

A markdown-it plugin to create GitHub-style task lists

Modified from https://github.com/mcecot/markdown-it-checkbox and https://github.com/revin/markdown-it-task-lists

Usage

Install

node.js:

1npm install markdown-it-task-checkbox --save

Use

1var md = require('markdown-it')()
2            .use(require('markdown-it-checkbox'),{
3              disabled: true,
4              divWrap: false,
5              divClass: 'checkbox',
6              idPrefix: 'cbx_',
7              ulClass: 'task-list',
8              liClass: 'task-list-item'
9            });
10
11md.render('- [x] unchecked') // =>
12// <ul class="task-list">
13//  <li class="task-list-item">
14//     <div classname="checkbox">
15//       <input type="checkbox" id="cbx_0" checked="true" disabled="true">
16//       <label for="cbx_0">unchecked</label>
17//     </div>
18//  </li>
19// </ul>

Differences in browser. If you load script directly into the page, without package system, module will add itself globally as window.markdownitCheckbox.

Options

disabled

• Type: Boolean
• Default: true

if the value is true, the checkbox can not be selected.

divWrap

• Type: Boolean
• Default: false

wrap div arround checkbox. this makes it possible to use it for example with Awesome Bootstrap Checkbox.

divClass

• Type: String
• Default: checkbox

classname of div wrapper. will only be used if divWrap is enanbled.

idPrefix

• Type: String
• Default: cbx_

the id of the checkboxs input contains the prefix and an incremental number starting with 0. i.e. cbx_1 for the 2nd checkbox.

ulClass

• Type: String
• Default: task-list

classname of ul wrapper.

liClass

• Type: String
• Default: task-list-item

classname of li wrapper.

THANKS

https://github.com/mcecot/markdown-it-checkbox and https://github.com/revin/markdown-it-task-lists

License

MIT License © 2016 Linsir