带有 Pandoc 的 Markdown 源的 HTML 和 LaTeX 输出的边框表

Table with borders in HTML and LaTeX output from Markdown source with Pandoc(带有 Pandoc 的 Markdown 源的 HTML 和 LaTeX 输出的边框表)

问题描述

这是 Pandoc 的 Markdown 示例表.

This is a sample table in Markdown for Pandoc.

Simple tables look like this:

  Right     Left     Center     Default
-------     ------ ----------   -------
     12     12        12            12
    123     123       123          123
      1     1          1             1

Table:  Demonstration of simple table syntax.

不幸的是，它确实不添加了边框.

It does not add borders unfortunately.

我可能会将其编码为 HTML 表格，但在这种情况下，它在 LaTeX 中不起作用.

I might code it as an HTML table, but in this case it will not work in LaTeX.

• 如何制作一个带边框的表格，同时使用 LaTeX 和 HTML 输出?

• How can I make a table with borders working both with LaTeX and HTML output?

如果 Pandoc 不能完成这项工作，是否有类似的工具能够做到?

If Pandoc can't do the job, is there a similar tool which is able to?

推荐答案

以下 CSS 在使用 Pandoc 时将表格添加到您的 HTML 输出中:

The following CSS adds tables to your HTML output when using Pandoc:

table {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    border-spacing: 0;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
}
table th {
    padding: 3px 10px;
    background-color: white;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid black;
}
table td {
    padding: 3px 10px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none;
}


/* Add border for the last row of the table.           */
/*      (Might be of use for table footnotes, later).  */
/* tr:last-child td { border-top: 2px solid black; }   */

此 CSS 来自 Marked.app.我相信它可以在 支持网站编写应用程序的自定义 CSS.

This CSS is from Marked.app. I believe it's available to download on the support website for the app.

您可以告诉 Pandoc 使用带有 --css 标志的自定义 CSS 文件.像这样的东西应该可以工作:

You can tell Pandoc to use a custom CSS file with the --css flag. Something like this should work:

pandoc -t html                      
       --css=/path/to/custom.css    
       -o /path/to/output/file.html 
        /path/to/markdown/file.md

希望对您有所帮助.

这篇关于带有 Pandoc 的 Markdown 源的 HTML 和 LaTeX 输出的边框表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！