html 中的复杂表格模板,markdown中编辑复杂表格 - sunbocong的博客 - CSDN博客

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中创建一个示例:

ed704381b22fd906457edcae057d7200.png

此表格包含单元格的合并,如单纯使用markdown语法无法实现。

将excel表格导出为html格式

选定表格,单击另存为,选择导出格式为html,此时可选择所需表格区间

eceb307a2a1864f239d62ff43acc4ac4.png

保存后打开生成的html文件,将其中vim

间的数据复制到markdown中:
合并行c1
a2合并列c2
a3c3
a4大合并
a5

在markdown中展示如下图:

11356838dcb9a9ae93941fad9b9c6ff2.png

生成的脚本中使用colspan和rowspan实现了表格合并。

如此,便将复杂的表格写入了markdown中。

出现的问题

在完成此实验时出现一个现象,在markdown中生成的表格上方无端多出很多空行:

6ae6d5727e4422fa666af37ec5bc9515.png

这是由于导入的html中自带的回车符导致的,将回车符全删除即可。但如此以来又导致生成的markdown脚本几乎无法编辑。所以使用时要三思。

Original url: Access

Created at: 2019-04-08 11:34:33

Category: default

Tags: none

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值