Markdown 可点击复选框

Question

在 Markdown 中使用<input type="checkbox"/> 或- [ ]会给我一个白框，无法通过单击进行检查。知道如何实现进度文档的可点击复选框。我想我需要一个扩展，但是哪个适用于 jupyterlab？

例子：

• [ ] 做这个，做那个，然后做那个（所以更长的文本）
• [ ]另一篇长文
• [ ]点击记录您的进度，完成任务后放置，勾选无需保存。

Answer 1

while- [ ]给你空复选框，- [x]将呈现为选中的复选框。这是 GitHub 风格的演示：

- [ ] unchecked
- [x] checked

将呈现为：

请注意，HTML 单选按钮和复选框等内容虽然是交互式的，但不会对文档进行永久更改，除非您有后端代码通过更改 HTML 标记来保存更改。

看看这个：

label {
  padding-left: 5px;
}

input {
  float: left;
}

<div>
  <input type="checkbox" name="uchk">
  <label for="uchk">Unchecked.</label>
</div>
<div>
  <input type="checkbox" name="chk" checked>
  <label for="chk">Checked.</label>
</div>

此外，我不认为你真的希望你的 Markdown 文档有可点击的复选框，它会减少沉浸感，而且如果它们是永久性的，任何人都可以轻松更改它。

Answer 2

您可以改为集成 HTML <input type="radio"/>，并将样式更改为看起来像复选框。