Tạo bảng không có tiêu đề trong Markdown
Câu trả lời:
Hầu hết các trình phân tích cú pháp Markdown không hỗ trợ các bảng mà không có tiêu đề. Điều đó có nghĩa là đường phân cách cho các tiêu đề là bắt buộc.
Trình phân tích cú pháp không hỗ trợ bảng mà không có tiêu đề
- đa cấp
- Maruku : Một triển khai phổ biến trong Ruby
- byword : "Tất cả các bảng phải bắt đầu bằng một hoặc nhiều hàng tiêu đề"
PHP Markdown Extra "dòng thứ hai chứa một dòng phân cách bắt buộc giữa các tiêu đề và nội dung"
RDiscount Sử dụng cú pháp PHP Markdown Extra.
- GitHub Hương vị Markdown
- Parsedown : Trình phân tích cú pháp trong PHP (được sử dụng, ví dụ như trong email của Laravel)
Các trình phân tích cú pháp làm bảng hỗ trợ mà không có tiêu đề.
- Kramdown : Trình phân tích cú pháp trong Ruby
- Văn bản :: MultiMarkdown : mô-đun CPAN Perl.
- MultiMarkdown : Ứng dụng Windows.
- ParseDown Extra : Trình phân tích cú pháp trong PHP.
- Pandoc : Trình chuyển đổi tài liệu cho dòng lệnh được viết bằng Haskell (hỗ trợ các bảng không có tiêu đề thông qua các phần mở rộng
simple_tablesvàmultiline_tablesphần mở rộng) - Flexmark : Trình phân tích cú pháp trong Java.
Giải pháp CSS
Tuy nhiên, nếu bạn có thể thay đổi CSS của đầu ra HTML, bạn có thể tận dụng :emptylớp giả để ẩn một tiêu đề trống và làm cho nó trông giống như không có tiêu đề nào cả.
Nếu bạn không lãng phí một dòng bằng cách để trống, hãy xem xét các lần hack sau (đây là một hack và chỉ sử dụng điều này nếu bạn không muốn thêm bất kỳ plugin bổ sung nào).
| | | |
|-|-|-|
|__Bold Key__| Value1 |
| Normal Key | Value2 |
Để xem cách người ta có thể nhìn, hãy sao chép phần trên và truy cập https://stackedit.io/editor
Nó hoạt động với các triển khai Markdown của GitLab / GitHub .
pandocmarkdown sang pdf.
Tôi đã làm việc này với Markdown của Bitbucket bằng cách sử dụng một liên kết trống:
[]() |
------|------
Row 1 | row 2
Giải pháp phổ quát
Rất tiếc, rất nhiều đề xuất không hoạt động đối với tất cả người xem / biên tập viên Markdown, chẳng hạn, tiện ích mở rộng Markdown Viewer Chrome phổ biến , nhưng chúng hoạt động với iA Writer .
Những gì dường như hoạt động trên cả hai chương trình phổ biến này (và có thể hoạt động cho ứng dụng cụ thể của bạn) là sử dụng HTML comment blocks ('<!-- -->'):
| <!-- --> | <!-- --> |
|-------------|-------------|
| Foo | Bar |
Giống như một số đề xuất trước đó đã nêu, điều này không thêm một hàng tiêu đề trống trong trình xem / trình chỉnh sửa Markdown của bạn. Trong iA Writer, nó đủ nhỏ về mặt thẩm mỹ mà nó không cản trở tôi quá nhiều.
Sau đây hoạt động tốt cho tôi trong GitHub. Hàng đầu tiên không còn được in đậm vì nó không phải là tiêu đề:
<table align="center">
<tr>
<td align="center"><img src="docs/img1.png?raw=true" alt="some text"></td>
<td align="center">Some other text</td>
<td align="center">More text</td>
</tr>
<tr>
<td align="center"><img src="docs/img2.png?raw=true" alt="some text"></td>
<td align="center">Some other text 2</td>
<td align="center">More text 2</td>
</tr>
</table>
Kiểm tra bảng HTML mẫu mà không có tiêu đề ở đây .
Bỏ qua tiêu đề phía trên bộ chia sẽ tạo ra một bảng không có tiêu đề trong ít nhất Perl Text :: MultiMarkdown và trong FletcherPenney MultiMarkdown
|-------------|--------|
|**Name:** |John Doe|
|**Position:**|CEO |
Xem yêu cầu tính năng Mark Markdown
Các tiêu đề trống trong PHP Parsedown tạo ra các bảng có các tiêu đề trống thường không nhìn thấy được (tùy thuộc vào CSS của bạn) và do đó trông giống như các bảng không có tiêu đề.
| | |
|-----|-----|
|Foo |37 |
|Bar |101 |
table th:empty { padding: 0; }sẽ khắc phục điều đó.
Ít nhất là đối với Đánh dấu hương vị GitHub , bạn có thể tạo ảo giác bằng cách làm cho tất cả các mục hàng không tiêu đề được in đậm bằng thông thường __hoặc **định dạng:
|Regular | text | in header | turns bold |
|-|-|-|-|
| __So__ | __bold__ | __all__ | __table entries__ |
| __and__ | __it looks__ | __like a__ | __"headerless table"__ |
$ cat foo.md
Key 1 | Value 1
Key 2 | Value 2
$ kramdown foo.md
<table>
<tbody>
<tr>
<td>Key 1</td>
<td>Value 1</td>
</tr>
<tr>
<td>Key 2</td>
<td>Value 2</td>
</tr>
</tbody>
</table>Bạn có thể ẩn tiêu đề nếu bạn có thể thêm CSS sau:
<style>
th {
display: none;
}
</style>
Đây là một chút nặng tay và không phân biệt giữa các bảng, nhưng nó có thể làm cho một nhiệm vụ đơn giản.
Tôi sử dụng <span>trong tiêu đề cột đầu tiên:
<span> |
--- | ---
Value | Value
Value | Value
Nó tạo ra một tiêu đề trống có viền, nhưng với kích thước 1/2.
Giải pháp của @ thamme-gowda cũng hoạt động cho hình ảnh!
| |
|:----------------------------------------------------------------------------:|
|  |
Bạn có thể kiểm tra điều này trên một ý chính tôi đã làm cho điều đó . Dưới đây là kết xuất của hack bảng trên GitHub và GitLab:
