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脚本几乎无法编辑。所以使用时要三思。

markdown中编辑复杂表格相关推荐

vs用html制作表格,演练：在 Visual Web Developer 中编辑 HTML 表格
演练:在 Visual Web Developer 中编辑 HTML 表格 10/22/2014 本文内容更新:2007 年 11 月表格编辑是许多网页的重要组成部分,因为表格可用于创建页布局.本 ...
markdown中编辑数学公式用到的技巧
markdown中编辑数学公式用到的技巧 markdown中编辑数学公式用到的技巧希腊字母需要转义的字符公式运算符基本运算符比较运算符集合运算符求导上下标 y帽分段函数三角函数 ...
Gitbook/Markdown中插入复杂（合并单元格）的表格
由于Markdown语法本身不包含复杂表格的插入,因此gitbook也是不直接支持的,但是可以使用html语法来实现,一般的markdown编辑器都是支持html语法的. 复杂表格与简单表格最大的差异 ...
如何在安卓手机上编辑Excel表格？
相信很多朋友遇到过,身边没有可用的电脑,而自己刚好需要编辑Excel表格,那怎么办呢?ONLYOFFICE安卓版办公替你解决问题,接下来给大家演示一下. Excel表格 ONLYOFFICE电子表格处 ...
Markdown快速实现复杂表格方法
实现复杂表格方式一:自己编写HTML 方式二:工具生成HTML格式方式一:自己编写HTML copy一段写好的HTML然后复制即可: 如: <table><tr><t ...
Vue中使用mavonEditor插件实现markdown在线编辑
场景若依前后端分离版手把手教你本地搭建环境并运行项目: 若依前后端分离版手把手教你本地搭建环境并运行项目_霸道流氓气质的博客-CSDN博客_若依前后端分离在上面的基础上,怎样实现markdown在 ...
Markdown中使用 LaTeX 编辑数学公式
Markdown中使用 LaTeX 编辑数学公式 1 介绍 TeX(计算机排版系统) LaTeX(TeX宏集) KaTeX 和 MathJax 2 注意点单双美元符号包裹问题 KaTeX 有些不支持 ...
markdown编辑器中公式和表格
如何在 markdown 编辑器中生成公式或表格呢?下面是我个人常使用的方法. 1. 公式的生成在 word 中编辑复杂公式时,常用 MathType 就可以达到预期效果.那么在 markdown ...
在HBuilder中编辑markdown文档(原)
最近才真正意识到markdown的神奇.本篇内容主要部分来自HBuilderX自带的markdown语法帮助,加入了一些自己认为很实用的使用方法. 目录自动生成目录返回目录生成html页面引 ...

markdown中编辑复杂表格

markdown中编辑复杂表格

使用markdown自带语法

利用excel编辑表格

使用excel创建一个表格

将excel表格导出为html格式

出现的问题

markdown中编辑复杂表格相关推荐

最新文章

热门文章