markdown 表格的多种方法

发表于 |

markdown表格

markdown用于写作时表格和图片属于比较困难的问题，但是由于markdown本身支持html，因此可以通过嵌入html的方式进行插入，同样也可以将表格导出为图片，通过图片的方式插入，这种通过图片的方式同样适用于latex，便于latex插入表格。除此之外，还可以直接上markdown原生表格。有pandoc的话可以有更多的选择。

不同方法的利弊

  1. markdown原生表格便于编辑但是不支持合并单元格，提供的参数也比较少。
  2. 部分编辑器如小书匠提供了合并行的增强型语法功能
  3. 插入图片的方式基本就告别了编辑，而且有时候插入的图片看上去和文档不是十分的吻合。
  4. html表格样式可以调整，但是可编辑性较差，想要编辑需要对html表格语法有一定的认识。
  5. pandoc插入latex的方式也可以插入表格但是不利于预览。

表格制作

表格推荐用excel制作

图片表格

表格可以直接保存为图片，可以采用打印到文件的方式导出为图片，还可以截图。也可以适用excel的复制为图片功能。

  1. 推荐采用支持图片直接粘贴功能的markdown编辑器如小书匠、markeditor
  2. excel中制作表格
  3. 在excel2016中，开始->复制之后的小三角下拉菜单下有复制为图片功能，里面有多种选项
  4. 打开如word等软件按ctrl-v，先把图片复制到word中
  5. 选中word中的图片并复制，在markdown编辑器中按ctrl-v

这个方法在小书匠、markeditor试验通过，还是比较简单的

html表格

插件

excel支持二次开发，可以通过二次开发的手段将表格转换为html。

自己写的vba

  1. 支持合并单元格，单元格背景色，对齐方式，字体颜色，字体大小、粗细，单元格宽与高，均与excel中一致
  2. 不支持边框线，默认全框线，表格整体居中。
  3. 在<caption> </caption>中间添加表格标题
  4. 支持大部分excel工作表中的单元格格式，但不支持部分时间格式，不支持会计专用和分数格式
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<table border="1" cellspacing="1" align="center" style="padding:0px; background:#666666;">
<caption> excel转html </caption>
<tr>
  <td style="width:71px;height:18px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:bold;text-align:center;padding:0px;" colspan="4" rowspan="1">
粗体 居中</td>
<td style="width:108px;height:18px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:center;padding:0px;" colspan="2" rowspan="2">
水平垂直方向居中</td>
</tr>
<tr>
  <td style="width:71px;height:18px;color:#FF0000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:center;padding:0px;" colspan="2" rowspan="1">
红色</td>
<td style="width:85px;height:18px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:center;padding:0px;" colspan="2" rowspan="1">
黑色</td>
</tr>
<tr>
  <td style="width:71px;height:18px;color:#00FF00;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:left;padding:0px;">
绿色</td>
<td style="width:71px;height:18px;color:#000000;background:#FFFF00;font-size:11pt;font-weight:nomal;text-align:center;padding:0px;" colspan="1" rowspan="2">
黄色背景</td>
<td style="width:85px;height:18px;color:#000000;background:#FF00FF;font-size:11pt;font-weight:nomal;text-align:right;padding:0px;">
1</td>
<td style="width:71px;height:18px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:right;padding:0px;">
3</td>
<td style="width:108px;height:18px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:left;padding:0px;">
aiueo</td>
<td style="width:108px;height:18px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:left;padding:0px;">
abc</td>
</tr>
<tr>
  <td style="width:71px;height:19px;color:#0000FF;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:left;padding:0px;">
青色</td>
<td style="width:85px;height:19px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:right;padding:0px;">
2</td>
<td style="width:71px;height:19px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:right;padding:0px;">
4</td>
<td style="width:108px;height:19px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:left;padding:0px;">
def</td>
<td style="width:108px;height:19px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:left;padding:0px;">
ghi</td>
</tr>
<tr>
  <td style="width:71px;height:20px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:right;padding:0px;">
1</td>
<td style="width:71px;height:20px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:right;padding:0px;">
2</td>
<td style="width:85px;height:20px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:left;padding:0px;">
红色边框</td>
<td style="width:71px;height:20px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:left;padding:0px;">
黑色边框</td>
<td style="width:108px;height:20px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:left;padding:0px;">
黑色边框</td>
<td style="width:108px;height:20px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:right;padding:0px;">
6</td>
</tr>
<tr>
  <td style="width:71px;height:18px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:right;padding:0px;">
7</td>
<td style="width:71px;height:18px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:right;padding:0px;">
8</td>
<td style="width:85px;height:18px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:right;padding:0px;">
9</td>
<td style="width:71px;height:18px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:right;padding:0px;">
10</td>
<td style="width:108px;height:18px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:right;padding:0px;">
11</td>
<td style="width:108px;height:18px;color:#000000;background:#FFFFFF;font-size:11pt;font-weight:nomal;text-align:right;padding:0px;">
12</td>
</tr>
</table>
表格

表格

有兴趣的可以把html代码复制到文档中试试，效果还不错

在线生成

多种网站支持但是个人感觉不是很好用

markdown原生表格

  1. github exceltk
  2. 类似小书匠的编辑器中有html转markdown功能
John Smith 123 Main St. Springfield
Mary Jones 456 Pine St. Dover
Jim Baker 789 Park Ave. Lincoln