如果您经常使用 Markdown 文件进行文档编写，那么您一定经常需要使用复选框来标记任务列表、任务进度、备忘录等等。为了更加方便的实现 Markdown 文本中的复选框，我们可以选择使用npm 包 markdown-it-checkboxes。本文将为您详细介绍这一工具的使用方法，包括安装、配置、用法等等。
安装
安装 markdown-it-checkboxes 很简单，您只需要打开命令行工具，然后使用以下命令来进行安装：
npm install markdown-it-checkboxes --save
配置
在安装完 markdown-it-checkboxes 之后，您需要在您的项目中引入该库：
var md = require('markdown-it')();
var checkbox = require('markdown-it-checkboxes');
md.use(checkbox);在这里，我们使用 var md = require('markdown-it')(); 声明了一个 markdown-it 实例，然后使用 md.use(checkbox) 来注册 markdown-it-checkboxes 插件。
用法
使用 markdown-it-checkboxes 插件非常简单，您只需要在您的 Markdown 文本中增加 "[ ]" 或 "[x]" 即可。
例如，下面是一个简单的Markdown文本示例：
- [ ] Task 1 - [x] Task 2 - [ ] Task 3
使用 markdown-it-checkboxes 插件之后，该 Markdown 文本将渲染成一个包含复选框的任务列表。
您可以使用以下代码来生成HTML内容：
var html = md.render(markdown);
HTML 结果将会如下所示：
<ul> <li><input type="checkbox" disabled /> Task 1</li> <li><input type="checkbox" checked disabled /> Task 2</li> <li><input type="checkbox" disabled /> Task 3</li> </ul>
请注意，渲染后的复选框将被设置为 disabled，因此用户无法更改其状态。这是为了保留 Markdown 符号对 Markdown 文本的可读性和可编辑性。
如果您需要手动修改复选框的状态，只需从 HTML 中移除 disabled 属性即可，例如：
<ul> <li><input type="checkbox" /> Task 1</li> <li><input type="checkbox" checked /> Task 2</li> <li><input type="checkbox" /> Task 3</li> </ul>
总结
使用 markdown-it-checkboxes 可以很方便的给您的 Markdown 文档添加复选框，从而更好的组织任务列表、备忘录等内容。在使用该插件时，您需要先安装该插件，然后在项目中引入，并注册在 markdown-it 实例中即可使用。最后，请注意在渲染HTML内容前，请先将用户手动修改状态所需的 disabled 属性移除。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fc581e8991b448dd31b