我能够在Github README绘制复选框。Md使用

- [ ] (for unchecked checkbox)
- [x] (for checked checkbox)

但这在表格中行不通。有人知道如何在GitHub Markdown表中实现复选框或复选标记吗?


当前回答

不幸的是,接受的答案不适合我(我使用的是GitHub风味markdown)。

在我看来,既然我们添加HTML元素,为什么不只是添加一个<input>代替。

| demo                                              | demo |
| ------------------------------------------------- | ---- |
| <input type="checkbox" disabled checked /> works  |      |
| <input type="checkbox" disabled /> works here too |      |

这应该在任何环境下工作,因为它是纯HTML(见下面的参考)。

仅供参考,这个例子是在VS Code markdown预览模式下测试的(GitHub风味),截图也是在VS Code预览模式下拍摄的。它在GitHub上不起作用。

上面提到的表情符号是一个很好的选择,如果这在你的目标环境中不起作用。

其他回答

你可以使用表情符号

Done? | Name
:---:| ---
⬜️| Nope
✅| Yep

有非常好的表情符号图标说明可用

https://gist.github.com/rxaviers/7360908 或登录https://github.com/StylishThemes/GitHub-Dark/wiki/Emoji

你可以去看看。我希望你能找到适合你写作的图标。

最好的

不幸的是,接受的答案不适合我(我使用的是GitHub风味markdown)。

在我看来,既然我们添加HTML元素,为什么不只是添加一个<input>代替。

| demo                                              | demo |
| ------------------------------------------------- | ---- |
| <input type="checkbox" disabled checked /> works  |      |
| <input type="checkbox" disabled /> works here too |      |

这应该在任何环境下工作,因为它是纯HTML(见下面的参考)。

仅供参考,这个例子是在VS Code markdown预览模式下测试的(GitHub风味),截图也是在VS Code预览模式下拍摄的。它在GitHub上不起作用。

上面提到的表情符号是一个很好的选择,如果这在你的目标环境中不起作用。

09 2021

如果你对标准降价代码有意见。你可以使用表情符号。

本机Github

如果你正在使用GitHub的默认表情符号,你可以使用这些。需要注意的是,没有取消勾选,所以你必须使用不同的表情符号才能获得那种表情。

⬜ : white_large_square

✅ : white_check_mark

: white_large_square: https://github.com/ikatyang/emoji-cheat-sheet/blob/master/README.md几何 : # other-symbol white_check_mark: https://github.com/ikatyang/emoji-cheat-sheet/blob/master/README.md

完整的列表 https://github.com/ikatyang/emoji-cheat-sheet/blob/master/README.md

我使用&#9744;(标号为[]和&#9745);(☑)for [x],它适用于mark .js,它说它与Github markdown兼容。我的解决方案是基于对这个问题的回答。请参见这个信息丰富的答案。

更新:我应该提到,当你这样做的时候,你不需要<ul>,例如:

| Unchecked | Checked |
| --------- | ------- |
| &#9744;   | &#9745; |