Làm thế nào để viết danh sách trong một bảng đánh dấu?


200

Người ta có thể tạo một danh sách (đạn, được đánh số hay không) trong bảng đánh dấu.

Một bảng trông như thế này:

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

Một danh sách trông như thế này:

* one
* two
* three

Tôi có thể hợp nhất chúng bằng cách nào đó?

Câu trả lời:


253

Có, bạn có thể hợp nhất chúng bằng HTML. Khi tôi tạo các bảng trong .mdcác tệp từ Github, tôi luôn thích sử dụng mã HTML thay vì đánh dấu.

Github Flavored Markdown hỗ trợ HTML cơ bản trong .mdtệp. Vì vậy, đây sẽ là câu trả lời:

Markdown trộn với HTML:

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |
| <ul><li>item1</li><li>item2</li></ul>| See the list | from the first column|

Hoặc HTML thuần túy:

<table>
  <tbody>
    <tr>
      <th>Tables</th>
      <th align="center">Are</th>
      <th align="right">Cool</th>
    </tr>
    <tr>
      <td>col 3 is</td>
      <td align="center">right-aligned</td>
      <td align="right">$1600</td>
    </tr>
    <tr>
      <td>col 2 is</td>
      <td align="center">centered</td>
      <td align="right">$12</td>
    </tr>
    <tr>
      <td>zebra stripes</td>
      <td align="center">are neat</td>
      <td align="right">$1</td>
    </tr>
    <tr>
      <td>
        <ul>
          <li>item1</li>
          <li>item2</li>
        </ul>
      </td>
      <td align="center">See the list</td>
      <td align="right">from the first column</td>
    </tr>
  </tbody>
</table>

Đây là giao diện của Github:


1
Điều này thật tuyệt, nhưng có cách nào để tạo kiểu cho danh sách không? Loại bỏ đạn, lề, vv? Github, ví dụ, dường như không chấp nhận style="list-style: none"thẻ trên ulphần tử.
Trebor Rude

@TreborRude Không, vì Markdown thực sự không phải là HTML. Nhưng nếu bạn sử dụng thư viện (ví dụ marked), bạn có thể có tính năng này (để kết hợp HTML với markdown).
Ionică Bizău

Không sao, tôi phát hiện ra rằng một <span>thẻ với các <br/>thẻ được nhúng đã làm chính xác những gì tôi đang cố gắng thực hiện với danh sách được tạo kiểu.
Trebor Rude

@TreborRude Chắc chắn, bạn vẫn có thể có nhiều ô dòng. Có lẽ nó cũng chấp nhận <p>thẻ.
Ionică Bizău

Tôi rất vui khi xác nhận rằng cái đầu tiên (được nhúng <ul><li>foo</li></ul>) cũng hoạt động trên Bitbucket Server.
nwinkler

91

Nếu bạn muốn có một danh sách không có dấu đầu dòng (hoặc bất kỳ cách sử dụng không chuẩn nào khác) hoặc nhiều dòng hơn trong một ô sử dụng <br />

| Event         | Platform      | Description |
| ------------- |-----------| -----:|
| `message_received`| `facebook-messenger`<br/>`skype`|

2
Có lẽ bởi vì ba năm trước đây là câu trả lời hợp lý duy nhất? Tôi đồng ý với bạn rằng đây là một câu trả lời tốt hơn, ngày hôm nay.
William Daniel

14
Đây là một câu trả lời cho Newline trong bảng markdown? , không phải câu hỏi này về danh sách
Bergi

1
@Bergi Tôi đã nâng cao đề xuất của bạn. ;) Tìm kiếm google dẫn tôi đến câu hỏi này và đây là giải pháp tôi cần. Tôi nghĩ rằng nó có thể chịu được (ví dụ như danh sách không gạch đầu dòng) vì vậy tôi giữ nó ở vị trí này.
Amio.io

3
Bạn có thể thêm đạn với các thực thể HTML: & bull; facebook-messenger<br/> & bò; skype
Shawnhcorey

markdown lint gắn cờ này là không có html nội tuyến
andrei.ciprian

48

Không phải tôi biết, bởi vì tất cả các tài liệu tham khảo đánh dấu mà tôi biết, như cái này , đề cập đến:

Nội dung ô phải chỉ trên một dòng

Bạn có thể dùng thử với Trình tạo bảng Markdown (ví dụ này trông giống như câu hỏi bạn đề cập trong câu hỏi của bạn, vì vậy bạn có thể biết về nó rồi).

Đại bàng

Nếu bạn đang sử dụng đánh dấu của Pandoc ( mở rộng cú pháp đánh dấu của John Gruber mà dựa trên đó là đánh dấu hương vị GitHub ), bạn có thể sử dụng grid_tables:

+---------------+---------------+--------------------+
| Fruit         | Price         | Advantages         |
+===============+===============+====================+
| Bananas       | $1.34         | - built-in wrapper |
|               |               | - bright color     |
+---------------+---------------+--------------------+
| Oranges       | $2.10         | - cures scurvy     |
|               |               | - tasty            |
+---------------+---------------+--------------------+

hoặc multiline_tables.

-------------------------------------------------------------
 Centered   Default           Right Left
  Header    Aligned         Aligned Aligned
----------- ------- --------------- -------------------------
   First    row                12.0 Example of a row that
                                    spans multiple lines.

  Second    row                 5.0 Here's another one. Note
                                    the blank line between
                                    rows.
-------------------------------------------------------------

1
Trình tạo bảng Markdown sai vì nó chấp nhận các dòng mới mà như bạn trích dẫn không được chấp nhận. Nhưng cảm ơn về thông tin có giá trị.
Gabriel Petrovay

@GabrielPetrovay Trình tạo bảng Markdown là một dịch vụ tương đối mới, tôi không ngạc nhiên;) Nhưng liên quan đến "GitHub Flavored Markdown", câu trả lời của tôi là viết tắt.
VonC

1
Tôi có xu hướng chấp nhận câu trả lời của bạn. Nhưng tôi chờ thêm 1-2 ngày nữa, có thể ai đó đăng một bản hack (nếu câu trả lời được chấp nhận, sẽ không có ai nhìn vào nó, ngoại trừ những người khác có cùng vấn đề)
Gabriel Petrovay

1
@GabrielPetrovay Tôi đồng ý. Bạn cũng có thể liên hệ với bộ phận hỗ trợ của GitHub và xem họ nói gì về nó. (và sau đó cập nhật câu trả lời của tôi hoặc đăng bài của riêng bạn)
VonC

1
@ オ ニ Tôi rõ ràng không đề cập đến HTML. Với HTML, bạn có thể tạo lại bất kỳ tính năng đánh dấu nào, vì vậy đây không phải là một giải pháp hợp lệ. Câu hỏi là về markdown, không phải HTML.
VonC

3

Một cách tiếp cận khác, mà tôi đã thực hiện gần đây, là sử dụng plugin bảng div với panflute .

Điều này tạo ra một bảng từ một tập hợp các div có rào chắn (tiêu chuẩn trong việc thực hiện đánh dấu pandoc ), trong một bố cục tương tự như html:

---
panflute-filters: [div-table]
panflute-path: 'panflute/docs/source'
---

::::: {.divtable}
:::: {.tcaption}
a caption here (optional), only the first paragraph is used.
::::
:::: {.thead}
[Header 1]{width=0.4 align=center}
[Header 2]{width=0.6 align=default}
::::
:::: {.trow}
::: {.tcell}

1. any
2. normal markdown
3. can go in a cell

:::
::: {.tcell}
![](https://pixabay.com/get/e832b60e2cf7043ed1584d05fb0938c9bd22ffd41cb2144894f9c57aae/bird-1771435_1280.png?attachment){width=50%}

some text
:::
::::
:::: {.trow bypara=true}
If bypara=true

Then each paragraph will be treated as a separate column
::::
any text outside a div will be ignored
:::::

Giống như:

nhập mô tả hình ảnh ở đây


2

Nếu bạn sử dụng phương pháp html:

không thêm dòng trống

Như thế này:

<table>
    <tbody>

        <tr>
            <td>1</td>
            <td>2</td>
        </tr>

        <tr>
            <td>1</td>
            <td>2</td>
        </tr>

    </tbody>
</table>

đánh dấu sẽ phá vỡ.

Xóa các dòng trống:

<table>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
    </tbody>
</table>

0

một giải pháp khác, bạn có thể thêm <br>thẻ vào bảng của mình

    |Method name| Behavior |
    |--|--|
    | OnAwakeLogicController(); | Its called when MainLogicController is loaded into the memory , its also hold the following actions :- <br> 1. Checking Audio Settings <br>2. Initializing Level Controller|

nhập mô tả hình ảnh ở đây

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.