如何在 VSCode 的 Markdown 预览中启用复选框

Question

我正在尝试在 vscode markdown 预览中启用 markdown 复选框，但没有任何运气。我尝试了以下扩展的每种组合，但没有成功：

• Markdown 预览增强
• Markdown 多合一
• Markdown 预览 Github 样式
• Markdown 复选框
• Markdown 复选框

有人有适合您的扩展配置吗？

Answer 1

复选框使用 Markdown All In One 扩展在 VSCode 中工作。
诀窍是复选框也必须是列表的一部分。

这不起作用：

[ ] Unchecked
[ ] Checked

这有效：

- [ ] Unchecked
- [x] Checked

Answer 2

我遇到了同样的问题，看起来 VSCode markdown 不支持复选框，你需要安装一个扩展。

Answer 3

截至 2022 年 1 月，这在 Markdown 预览中对我有用：

<input type="checkbox" checked> some checked text  
<input type="checkbox"> some unchecked text  

注意 这适用于已发布的 vscode 扩展 markdown 文件（在 Marketplace 中）：

但我仍在研究如何让它在 github 上运行 - 有什么想法吗？

input

元素似乎不在禁止列表中，因此它“应该”以某种方式工作。

但请参阅 https://github.com/gjtorikian/html-pipeline/blob/main/lib/html/pipeline/sanitization_filter.rb

input

元素不在清理程序文件的允许列表中。

Answer 4

这是我用来复制 README 的 Github 样式的组合

安装后请确保重新加载 VSCode！

Name: GitHub Markdown Preview
Id: bierner.github-markdown-preview
Description: Changes VS Code's built-in markdown preview to match GitHub
Version: 0.2.0
Publisher: Matt Bierner
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=bierner.github-markdown-preview

Answer 5

我刚刚注意到，为了让 Matt Bierner 的扩展“Markdown Checkbox”在预览中的复选框中正常工作，您必须禁用或卸载“Markdown All in One”。 All in One 似乎优先考虑复选框的呈现，而不是实际上可以检查它们的第一个扩展

在两个扩展之间有某种分叉可能会很棒。

Answer 6

我迷失了一整天，没有找到解决方案。我用 vb.net 中的一个简单的方法解决了...

两次指导和工作...

nCheckBox.Checked = False

nCheckBox.Checked = True

Answer 7

Git Markdown 语法在示例中实际上不起作用：

- [x] Check them all

我找到了替代方案并使用表情符号，例如🔵✅⬜

Answer 8

在这里找到这个：

https://docs.gitlab.com/ee/user/markdown.html#task-lists

您可以在列表项中的 VS Code 文本框中（我确信 .md 文件也是如此）中执行这样的 Markdown 复选框：

- [ ]  **Bug 1** Totally Inconceivable!  
- [x]  **Bug 2** You keep using that word. I do not think it means what you think it means.  

要“选中”复选框，请将方括号中的空格替换为

x

。