如何绘制复选框或标记在GitHub Markdown表?

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

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

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

533205 次浏览
小开

编辑文档或wiki页面，并使用- [ ]和- [x]语法更新任务列表。此外，您可以参考这个链接。

小开
最佳答案

尝试在[]或[x]之前添加-。这是一个-后面跟着一个空格。

下面是一个来自Github博客的例子。

### Solar System Exploration, 1950s – 1960s


- [ ] Mercury
- [x] Venus
- [x] Earth (Orbit/Moon)
- [x] Mars
- [ ] Jupiter
- [ ] Saturn
- [ ] Uranus
- [ ] Neptune
- [ ] Comet Haley

如下图所示:

合成图像

下面是如何在表中做同样的事情:

| Task           | Time required | Assigned to   | Current Status | Finished |
|----------------|---------------|---------------|----------------|-----------|
| Calendar Cache | > 5 hours  |  | in progress | - [x] ok?
| Object Cache   | > 5 hours  |  | in progress | [x] item1<br/>[ ] item2
| Object Cache   | > 5 hours  |  | in progress | <ul><li>- [x] item1</li><li>- [ ] item2</li></ul>
| Object Cache   | > 5 hours  |  | in progress | <ul><li>[x] item1</li><li>[ ] item2</li></ul>




- [x] works
- [x] works too

这是它的样子:

enter image description here

小开

以下是我如何在表格中画一个复选框!

| Checkbox Experiments | [ ] unchecked header  | [x] checked header  |
| ---------------------|:---------------------:|:-------------------:|
| checkbox             | [ ] row               | [x] row             |
< p > < br > 显示如下:
# EYZ0 < / p >
小开

这是我有什么帮助你和其他人关于标记复选框表。享受吧!

| Projects | Operating Systems | Programming Languages   | CAM/CAD Programs | Microcontrollers and Processors |
|---------------------------------- |---------------|---------------|----------------|-----------|
| <ul><li>[ ] Blog </li></ul>       | <ul><li>[ ] CentOS</li></ul>        | <ul><li>[ ] Python </li></ul> | <ul><li>[ ] AutoCAD Electrical </li></ul> | <ul><li>[ ] Arduino </li></ul> |
| <ul><li>[ ] PyGame</li></ul>   | <ul><li>[ ] Fedora </li></ul>       | <ul><li>[ ] C</li></ul> | <ul><li>[ ] 3DsMax </li></ul> |<ul><li>[ ] Raspberry Pi </li></ul> |
| <ul><li>[ ] Server Info Display</li></ul>| <ul><li>[ ] Ubuntu</li></ul> | <ul><li>[ ] C++ </li></ul> | <ul><li>[ ] Adobe AfterEffects </li></ul> |<ul><li>[ ]  </li></ul> |
| <ul><li>[ ] Twitter Subs Bot </li></ul> | <ul><li>[ ] ROS </li></ul>    | <ul><li>[ ] C# </li></ul> | <ul><li>[ ] Adobe Illustrator </li></ul> |<ul><li>[ ]  </li></ul> |
小开

我使用&#9744;(☐)为[ ]和&#9745;(☑)为[x]，它适用于marked.js，这表明它与Github markdown兼容。我的解决方案基于这个问题的答案。参见这个信息丰富的回答。

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

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

你可以使用表情符号

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

现在支持表情包了!:white_check_mark: / :heavy_check_mark:给人留下了很好的印象，并得到了广泛的支持:

Function | MySQL / MariaDB | PostgreSQL | SQLite
:------------ | :-------------| :-------------| :-------------
substr | :heavy_check_mark: |  :white_check_mark: | :heavy_check_mark:

渲染到(这里是旧的铬65.0.3x):

enter image description here

小开

这里有非常好的Emoji图标说明

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

Nice Emojis

最好的

小开 
|checked|unchecked|crossed|
|---|---|---|
|&check;|_|&cross;|
|&#x2611;|&#x2610;|&#x2612;|
检查 无节制的 交叉
✓ ＿ ✗
☑ ☐ ☒

在哪里

小开

不幸的是，接受的答案不适合我(我使用的是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的默认表情符号，你可以使用这些。需要注意的是，没有取消勾选，所以你必须使用不同的表情符号才能获得那种表情。

< p >⬜ # EYZ0 < / p > < p >✅ # EYZ0 < / p >

源

:white_large_square: https://github.com/ikatyang/emoji-cheat-sheet/blob/master/README.md#geometric
# EYZ0: # EYZ1 < / p > < p >完整的列表 # EYZ0 < / p >


提交答案