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

2024-04-18前端开发问题
47

本文介绍了带有 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 输出的边框表的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

The End

相关推荐

layui 实现实时刷新一个外部的div
主页面上显示了一个合计,在删除和增加的时候需要更改这个总套数的值: //html代码div class="layui-inline layui-show-xs-block" style="margin-left: 10px" id="sumDiv"spanSOP合计:/spanspan${totalNum}/spanspan套/span/div 于是在我们删除这个条数据后,...
2024-11-14 前端开发问题
156

layui要如何改变时间日历布局大小?
问题描述 我想改变layui时间日历布局大小,这个要怎么操作呢? 解决办法 可以用css样式对时间日历进行重新布局,具体代码如下: !DOCTYPE htmlhtmlheadmeta charset="UTF-8"title/titlelink rel="stylesheet" href="../../layui/css/layui.css" /style#test-...
2024-10-24 前端开发问题
271

jQuery怎么动态向页面添加代码?
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。 语法: $(selector).append( content ) var creatPrintList = function(data){ var innerHtml = ""; for(var i =0;i data.length;i++){ innerHtml +="li class='contentLi'"; innerHtml +="a href...
2024-10-18 前端开发问题
125

“数组中的每个孩子都应该有一个唯一的 key prop"仅在第一次呈现页面时
quot;Each child in an array should have a unique key propquot; only on first time render of page(“数组中的每个孩子都应该有一个唯一的 key prop仅在第一次呈现页面时)...
2024-04-20 前端开发问题
5

如何制作 TextGeometry 多线?如何将它放在一个正方形内,以便它像 html 文本一样包裹在 div 内?
How do I make a TextGeometry multiline? How do I put it inside a square so it wraps like html text does inside a div?(如何制作 TextGeometry 多线?如何将它放在一个正方形内,以便它像 html 文本一样包裹在 div 内?) - IT屋-程序员软件开发技术分享社...
2024-04-20 前端开发问题
6

缩放背景图像以适合 ie8 窗口
Scale background image to fit ie8 window(缩放背景图像以适合 ie8 窗口)...
2024-04-19 前端开发问题
11