logo标签列表

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

visual-studio-codemarkdown
14

我想在VSCode的Markdown预览中启用Markdown复选框，但是一直没有成功。我已经尝试了以下所有扩展的各种组合，但都没有成功：

  • Markdown Preview Enhanced
  • Markdown All in One
  • Markdown Preview GitHub Styling
  • Markdown Checkbox
  • Markdown Checkboxes

有人使用某些扩展程序的配置成功实现此功能吗？

8个回答
9
复选框在VSCode中使用Markdown All In One扩展程序。关键是复选框也必须是列表的一部分。
这样是行不通的：
[ ] Unchecked
[ ] Checked

这个有效：

- [ ] Unchecked
- [x] Checked

enter image description here

这个可以显示当前复选框的状态，但不能点击它们。有什么解决方法吗？ - Neithan Max
1
请注意，我之前以为这对我来说不起作用，但是没有注意到未选中的复选框两个括号之间需要空格。 - eric
@NeithanMax Alt + C应该可以。https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one#keyboard-shortcuts-1 - johnmcase
这个扩展使复选框在没有列表的情况下工作：https://marketplace.visualstudio.com/items?itemName=jebbs.markdown-extended&ssr=false#review-details - undefined
8

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

1
2023年，仍不支持。VSCodium版本为1.79.2。 - snich
6
截至2022年1月，这对我在Markdown预览中起作用：
<input type="checkbox" checked> some checked text  
<input type="checkbox"> some unchecked text

markdown复选框演示

注意 这个在发布的 vscode 扩展 markdown 文件（在市场上）中可以工作：

市场复选框 markdown 演示

但我仍在探索如何在 Github 中使其工作 - 有什么想法吗？ input 元素似乎不在禁止列表中，所以它“应该”能正常工作。

但请参见https://github.com/gjtorikian/html-pipeline/blob/main/lib/html/pipeline/sanitization_filter.rb，input元素并未包含在过滤器文件的允许列表中。

2
你正在使用HTML标签而不是像- [x]或- [ ]这样的markdown文本。 - Eagle_
这会保留您在预览中选中的复选框吗？ - Raphael Morgan
4

这是我用于复制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
2
我刚刚注意到，对于Matt Bierner开发的“Markdown Checkbox”扩展程序，要想在预览中正确地勾选复选框，必须禁用或卸载“All in One”扩展程序。All in One似乎优先于第一个扩展程序渲染复选框，而实际上这些复选框是可以被勾选的。
希望能够有一种类似于两个扩展程序之间的分支。
0
Git Markdown语法在这个例子中并不起作用。
- [x] Check them all

我找到了一种替代方法，可以使用表情符号，比如 ✅ ⬜
0
我浪费了一整天都没找到解决办法。我用 VB.net 中简单的方式解决了它...
两个指令就可以搞定...
nCheckBox.Checked = False nCheckBox.Checked = True
-1

在这里找到了这个：https://docs.gitlab.com/ee/user/markdown.html#diagrams-and-flowcharts

您可以在VSCode文本框（以及我确定的.md文件）中的列表项中像这样进行markdown复选框：

  • [ ] Bug 1 完全不可思议！
  • [X] Bug 2 你一直在使用那个词。我不认为它意味着你认为它意味着什么。

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

2
这些在 vscode 的 markdown 预览中不起作用，而这正是问题所在。 - Mark
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接