在Markdown表中添加复选框不起作用

时间:2019-02-14 15:44:44

标签: git github markdown github-flavored-markdown

我正在尝试创建一个Markdown表,其中的一列应具有一个复选框。

我尝试了以下方法:

getStackSize()

但是这些都不起作用。

我看到以下结果:

| Db2WoC Plan                                 | Total time | RPO,RTO met | 
| ------------------------------------------- |  --------- |-------------|
| Db2 on Cloud Entry/Enterprise 1 TB          |  8:10:16   |  <ul><li>[x] item1</li><li>[ ] item2</li></ul>   |  
| Db2 Warehouse on Cloud for transaction      |  8:10:16   | - [x] ok    |
| Db2 Warehouse on Cloud(AWS)                 |  8:10:16   | - [x] ok    |
| Db2 Warehouse on Cloud(Softlayer)           |  8:10:16   | - [x] ok    |

https://gist.githubusercontent.com/pchaigno/1826ba1151890b751862/raw/73399cc5a5d2415e2a75f58fd6959d25770c4ed3/checkboxes.md中显示的表格无法正常工作。

1 个答案:

答案 0 :(得分:2)

使用HTML实体(&check;)或表情符号(:heavy_check_mark:)。

GitHub Markdown规范,特别是states

  

块级元素不能插入表中。

列表项是块级元素,因此在表单元格中是不允许的。 task list items只是列表项目的另一种样式,恰好包含一个复选框。如果您没有列表项,那么您将没有任务列表项。换句话说,您不能在表格单元格中包含任务列表项。

作为原始降价规则explain

  

对于Markdown语法未涵盖的任何标记,只需使用HTML本身即可。

而且,由于HTML复选框将是一个内联元素,因此可能会尝试将原始HTML checkbox直接插入到表格单元格中:

<input type="checkbox" checked>

但是,存在GitHub的卫生过滤器会删除该复选框的问题。实际上,GitHub的任务列表并不使用实际的复选框元素,而是使用选中标记的图像。

一个更有用的选项可能是使用HTML entityemoji作为复选标记。例如:

| Description                         | Checkmark               |
| ----------------------------------- | ----------------------- |
| HTML Entity: check mark             | &check;                 |
| HTML Entity: heavy check mark       | &#10004;                |
| HTML Entity: ballot box with check  | &#9745;                 |
| HTML Entity: ballot box with x      | &#9746;                 |
| HTML Entity: ballot box (unchecked) | &#9744;                 |
| Emoji: heavy check mark             | :heavy_check_mark:      |
| Emoji: ballot box with check        | :ballot_box_with_check: |
| Emoji: white check mark             | :white_check_mark:      |

当您使用表格单元格时,您可能不需要一个未选中的框,空的表格单元格就足够了。但是,如果您也确实希望清空复选框,则ballot box应该会很好地工作。

我已在您的要旨中添加了comment,以演示上述所有选项在GitHub上的外观。