![]() | Name | Last modified | Size | Description |
---|---|---|---|---|
![]() | Parent Directory | - | ||
![]() | test/ | 2 years ago | - | |
![]() | dist/ | 2 years ago | - | |
![]() | package.json | 2 years ago | 2.5K | 3e510ca test new git [كارل مبارك] |
![]() | index.js | 8 years ago | 3.7K | 3e510ca test new git [كارل مبارك] |
![]() | README.md | 8 years ago | 2.2K | d768d73 docs [كارل مبارك] |
![]() | LICENSE | 9 years ago | 732 | |
![]() | CHANGELOG.md | 8 years ago | 1.1K |
A markdown-it plugin to create GitHub-style task lists
[ ]
or [x]
.When you have markdown documentation with checklists, rendering HTML checkboxes out of the list items looks nicer than the raw square brackets.
npm install markdown-it-task-lists
Use it the same as a normal markdown-it plugin:
var md = require('markdown-it');
var taskLists = require('markdown-it-task-lists');
var parser = md().use(taskLists);
var result = parser.render(...); // markdown string containing task list items
The rendered checkboxes are disabled; to change this, pass a truthy value into
the enabled
property of the plugin options:
var parser = md().use(taskLists, {enabled: true});
If you'd like to wrap the rendered list items in a <label>
element for UX
purposes, pass a truthy value to the label
property of the plugin options:
var parser = md().use(taskLists, {label: true});
To add the label after the checkbox pass a truthy value to labelAfter
property:
var parser = md().use(taskLists, {label: true, labelAfter: true});
Note: This option does require the label
option to be truthy.
The options can be combined, of course.
If you use one of the versions of this module available in dist/
directly in
a browser by including it with a <script>
element, it will be available
globally in window.markdownitTaskLists
.
npm install
npm test
ISC