markdown中编辑复杂表格
程序员文章站
2022-04-29 22:49:51
...
markdown中编辑复杂表格
使用markdown自带语法
markdown中自带了基本的表格编辑语法:
如:
| name | age | gender | money |
|-------|:---:|-----------|-------:|
| rhio | 384 | robot | $3,000 |
| haroo | .3 | bird | $430 |
| jedi | ? | undefined | $0 |
将显示为:
name | age | gender | money |
---|---|---|---|
rhio | 384 | robot | $3,000 |
haroo | .3 | bird | $430 |
jedi | ? | undefined | $0 |
markdown没有提供复杂表格的创建语句,比如合并单元格。但我们可以使用其他方式来实现。
利用excel编辑表格
markdown支持html语法,所以我们可以先使用excel生成我们需要的表格,然后将其转化为html格式放入markdown中:
使用excel创建一个表格
在excel中创建一个示例:
此表格包含单元格的合并,如单纯使用markdown语法无法实现。
将excel表格导出为html格式
选定表格,单击另存为,选择导出格式为html,此时可选择所需表格区间
保存后打开生成的html文件,将其中vim<table></table>
间的数据复制到markdown中:
<table border=0 cellpadding=0 cellspacing=0 width=207 style='border-collapse:
collapse;table-layout:fixed;width:156pt'>
<col width=69 span=3 style='width:52pt'>
<tr height=19 style='height:14.0pt'>
<td colspan=2 height=19 class=xl636101 width=138 style='height:14.0pt;
width:104pt'>合并行</td>
<td class=xl156101 width=69 style='width:52pt'>c1</td>
</tr>
<tr height=19 style='height:14.0pt'>
<td height=19 class=xl156101 style='height:14.0pt'>a2</td>
<td rowspan=2 class=xl636101>合并列</td>
<td class=xl156101>c2</td>
</tr>
<tr height=19 style='height:14.0pt'>
<td height=19 class=xl156101 style='height:14.0pt'>a3</td>
<td class=xl156101>c3</td>
</tr>
<tr height=19 style='height:14.0pt'>
<td height=19 class=xl156101 style='height:14.0pt'>a4</td>
<td colspan=2 rowspan=2 class=xl636101>大合并</td>
</tr>
<tr height=19 style='height:14.0pt'>
<td height=19 class=xl156101 style='height:14.0pt'>a5</td>
</tr>
<![if supportMisalignedColumns]>
<tr height=0 style='display:none'>
<td width=69 style='width:52pt'></td>
<td width=69 style='width:52pt'></td>
<td width=69 style='width:52pt'></td>
</tr>
<![endif]>
</table>
在markdown中展示如下图:
生成的脚本中使用colspan和rowspan实现了表格合并。
如此,便将复杂的表格写入了markdown中。
出现的问题
在完成此实验时出现一个现象,在markdown中生成的表格上方无端多出很多空行:
这是由于导入的html中自带的回车符导致的,将回车符全删除即可。但如此以来又导致生成的markdown脚本几乎无法编辑。所以使用时要三思。
推荐阅读
-
C# 如何在Excel表格中插入、编辑和删除批注
-
在CAD中绘制的表格不好编辑如何将Excel表格嵌入CAD
-
PHP中创建和编辑Excel表格的方法
-
WPS表格设置多表格编辑区域在不同工作表中实现同步操作
-
Thinkphp5框架中引入Markdown编辑器操作示例
-
vue中利用simplemde实现markdown编辑器(增加图片上传功能)-个人文章-SegmentFault思否
-
CAD中怎么插入外链EXCEL表格并支持编辑?
-
WPS表格2013如何在多表格中同时编辑同样的内容
-
WPS表格中如何对一些比较生僻的内容添加删除或编辑批注
-
vue+Element中table表格实现可编辑(select下拉框)