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

Efi*_*fie 16 markdown visual-studio-code

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

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

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

joh*_*ase 11

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

这不起作用:

[ ] Unchecked
[ ] Checked
Run Code Online (Sandbox Code Playgroud)

这有效:

- [ ] Unchecked
- [x] Checked
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述


Kal*_*pit 9

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


Mar*_*ark 7

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

<input type="checkbox" checked> some checked text  
<input type="checkbox"> some unchecked text  
Run Code Online (Sandbox Code Playgroud)

Markdown 复选框演示

注意这适用于已发布的 vscode 扩展 markdown 文件(在 Marketplace 中):

市场复选框 Markdown 演示

但我仍在研究让它在 github 上工作 - 有什么想法吗? input元素似乎不在禁止列表中,因此它“应该”以某种方式起作用。

但请参阅https://github.com/gjtorikian/html-pipeline/blob/main/lib/html/pipeline/sanitization_filter.rb input元素不在清理程序文件的允许列表中。

  • 您正在使用 HTML 标签而不是像 `- [x]` 或 `- [ ]` 这样的 Markdown 文本 (2认同)