Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/github/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在GitHub标记表中绘制复选框或勾选标记?_Github_Github Flavored Markdown - Fatal编程技术网

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

如何在GitHub标记表中绘制复选框或勾选标记?,github,github-flavored-markdown,Github,Github Flavored Markdown,我可以在Github README.md列表中使用 - [ ] (for unchecked checkbox) - [x] (for checked checkbox) 但这在表中不起作用。有人知道如何在GitHub标记表中实现复选框或复选标记吗?编辑文档或wiki页面,并使用-[]和-[x]语法更新任务列表。此外,您可以参考。尝试在[]或[x]之前添加-。这是一个-后跟一个空格 下面是Github博客中的一个示例 ### Solar System Exploration, 1950s –

我可以在Github README.md列表中使用

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

但这在表中不起作用。有人知道如何在GitHub标记表中实现复选框或复选标记吗?

编辑文档或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
|任务|所需时间|分配给|当前状态|完成|
|----------------|---------------|---------------|----------------|-----------|
|日历缓存|>5小时| |正在进行|-[x]可以吗?
|对象缓存|>5小时| |进行中|[x]项1
[]项2 |对象缓存|>5小时|进行中|
  • -[x]项1
  • -[]项2
    • |对象缓存|>5小时| |
      • [x]项1
      • []项2
        • -[x]有效 -[x]也有效
下面是它的外观:


以下是我如何在表格中绘制复选框

| Checkbox Experiments | [ ] unchecked header  | [x] checked header  |
| ---------------------|:---------------------:|:-------------------:|
| checkbox             | [ ] row               | [x] row             |

显示方式如下:

以下是我的资料,可以帮助您和其他人了解“降价复选框”表。享受吧

| 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> |
|项目|操作系统|编程语言| CAM/CAD程序|微控制器和处理器|
|---------------------------------- |---------------|---------------|----------------|-----------|
|
  • []博客
      • []CentOS
        • []Python
            • []AutoCAD Electrical
                  • []Arduino
                  | |
                  • []PyGame
                                  • []C
                                        []3DsMax
                                            []| [u]> LI> < /UL> [ULU>
                                          • [Ubuntu/LI> < /UL> [UL> < LI> [C++ +/L> < /UL> < UL>
                                          • 】] Adobe后遗症
                                          [UL>
                                        • []/LI>
                                        |
                                        • []Twitter Subs Bot
                                                            • Adobe Illustrator
我用了
和#9744(☐) 对于
[]
&9745;
(☑) 对于
[x]
,它的工作原理是与Github markdown兼容。我的解决方案基于此。另请参阅

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

| Unchecked | Checked |
| --------- | ------- |
| &#9744;   | &#9745; |
你可以使用表情符号

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

现在支持表情符号了!
:白色复选标记:
/
:重复选标记:
给人留下了很好的印象,并且得到了广泛的支持:

Function | MySQL / MariaDB | PostgreSQL | SQLite
:------------ | :-------------| :-------------| :-------------
substr | :heavy_check_mark: |  :white_check_mark: | :heavy_check_mark:
渲染到(此处为旧chromium 65.0.3x):


网站上提供了非常好的
表情符号
图标说明

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

最好的

在哪里

✓ 通过
✗ 通过
_通过下划线字符

和表通过降价。

不幸的是,被接受的答案不适合我(我使用的是GitHub风格的降价)

我突然想到,既然我们正在添加HTML元素,为什么不干脆添加一个

| demo                                              | demo |
| ------------------------------------------------- | ---- |
| <input type="checkbox" disabled checked /> works  |      |
| <input type="checkbox" disabled /> works here too |      |
|演示|演示|
| ------------------------------------------------- | ---- |
|工作||
|我也在这里工作|
这应该适用于任何环境,因为它是纯HTML(请参阅下面的参考资料)

仅供参考,本示例在VS代码降价预览模式(GitHub风格)下进行了测试,截图也在VS代码预览模式下拍摄, 它在GitHub上不起作用

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


最初有一个格式错误。它适用于列表,但不适用于表。这看起来不错,但复选框已断开。如果您单击复选框,它将不起任何作用。通常单击GitHub标记复选框会选中/取消选中它。解决方法是手动编辑HTML,这不是很好,但可行。这只会创建应用程序出现复选框。该项实际上不响应单击事件,这取消了它们的目的:从md呈现模式而不是原始文本进行检查。@DumpsterDoofus您的意思是这在问题/合并请求中不起作用吗?通常,在GitHub/GitLab问题和合并请求中,复选框是可单击的,因为对于这些位置,它作为一种购物列表,用户点击文档中的复选框有什么意义?你真的想看到你的降价被编辑吗?对我来说,它在GitHub这一边看起来真的被破坏了。你可以用管道和连字符创建表-创建一个表,在该表中你可以使用-[]和-[x]语法。这是我画复选框的方式。@JosephCharles请提供示例代码,说明如何在表中使用它?这不起作用,也不回答问题。它对我不起作用。它是用于Github风格的标记吗?我明白了,不知怎的,它不会使用
Github风格的标记来呈现。但对于其他mar来说效果很好kdown previewers。除了公认的答案之外,这也很有效。事实上,我已经在GitHub上成功地使用了它。感谢您为大家指出了它。我应该早点这样做。✔;for'✔'这在渲染输出中看起来非常好,但缺点是它在“源代码”中占用了大量空间而且可读性不是很好。可读性是降价的主要概念之一。我认为这可能已经过时了,因为
:white\u check\u mark:
现在看起来像一个带白色复选标记的绿色复选框。@davidkonrad,具体请看。我使用的是Firefox 76.0.1和Chrome 81.0
| demo                                              | demo |
| ------------------------------------------------- | ---- |
| <input type="checkbox" disabled checked /> works  |      |
| <input type="checkbox" disabled /> works here too |      |