代码之家  ›  专栏  ›  技术社区  ›  codec

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

  •  0
  • codec  · 技术社区  · 7 年前

    我试图创建一个markdown表,其中一列应该有一个复选框。

    我试过以下方法:

    | 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    |
    

    但这些都没用。

    
    Db2WoC Plan Total time  RPO,RTO met
    Db2 on Cloud Entry/Enterprise 1 TB  8:10:16 [x] item1
                                                [ ] item2
    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 不起作用。

    0 回复  |  直到 7 年前
        1
  •  8
  •   Waylan    7 年前

    使用HTML实体( &check; )或者一个表情符号( :heavy_check_mark: ).

    GitHub降价规范 states :

    块级元素不能插入表中。

    列表项是块级元素,因此不允许在表单元格中使用。以及 task list items 只是碰巧包含复选框的另一种样式的列表项。如果没有列表项,则不能有任务列表项。换句话说,在表格单元格中不能有任务列表项。

    按照最初的降价规则 explain :

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

    而且,由于HTML复选框是一个内联元素,因此可能会试图插入一个原始HTML checkbox

    <input type="checkbox" checked>
    

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

    一个更有用的选择可能是使用 HTML entity emoji 为了一个复选标记。例如:

    | 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上的外观。