把html markdown 之后怎么在页面正常显示出来

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了把html markdown 之后怎么在页面正常显示出来相关的知识,希望对你有一定的参考价值。

使用工具:js parser


操作方法:

一、浏览器端进行渲染(markdown转html),比如ajax+marked 


二、工具链接:

参考技术A MarkDown只是一种文本编辑格式。用于快速编写文档。
显示则是通过MarkDown编辑器转换为html代码来实现显示的。
因为浏览器支持html格式文件,不支持md格式文件。
所以如果把htm文件转换为MarkDown文件之后,需要再次转换为html才能显示。
参考技术B MarkDown只是一种文本编辑格式。用于快速编写文档。
显示则是通过MarkDown编辑器转换为html代码来实现显示的。
因为浏览器支持html格式文件,不支持md格式文件。
所以如果把htm文件转换为MarkDown文件之后,需要再次转换为html才能显示。
参考技术C 一个在浏览器端解析md=>html的js解析器 比如 http://strapdownjs.com

用 Excel 生成和管理 Markdown 表格--转载

Markdown 作为一种轻量级的标记语言,用来进行简单的文本排版,确实方便快捷。但 Markdown 标记语言的属性,也使得其在表格处理上略显繁琐且不直观。而 Excel 几乎就是表格的代名词,借助 Excel,可以改善我们在 Markdown 中使用表格的体验。下文将简单介绍怎么使用 Excel 生成和管理可用于 Markdown 文章的表格。

 

填写表格

在 Excel 中正常填写你的表格内容,之后在标题行下插入一行,要居中的填入 :-:,要右对齐的填-:,其它全部填上-

-左对齐居中对齐右对齐
:-: - :-: -:
1 Left Center Right
2 Left Center Right
3 Left Center Right
  • 如图左上角,表头也不要留空,填上-提高兼容性。

生成表格

选中表格,复制,然后粘贴到 Markdown 编辑器中

1
2
3
4
5
-	左对齐	居中对齐	右对齐
:-: :- :-: -:
1 Left Center Right
2 Left Center Right
3 Left Center Right

复制出来的 Excel 默认以tab作为单元格分隔符,而 Markdown 则以|为分隔符。顺理成章,当我们使用 | 对原tab分隔符进行替换后,即可生成 Markdown 化的表格。

1
2
3
4
5
-|默认左对齐|居中对齐|内容右对齐
:-:|-|:-:|-:
1|Left|Center|Right
2|Left|Center|Right
3|Left|Center|Right

表格效果大致如下:

-左对齐居中对齐右对齐
1 Left Center Right
2 Left Center Right
3 Left Center Right

处理表格

在 Excel 中,处理表格灵活方便,调整好后再按上面方法重新生成表格即可。

  • 可以对表格进行快速拖拽排序;
  • 可以用公式 =row() 给表格添加自动序号;
  • 当然我们也可以使用 Markdown 语法为单元格内容设置格式,添加超链接等;

其他说明

  • Markdown 默认语法不支持单元格合并,更复杂的表格不适合用在 Markdown 中;
  • 这种写法的表格,目前已知在 GitHub 上不能正确解析;
  • 自用 Windows 和 Mac 软件推荐,这些表格处理经验基本是为了写左边这篇文章而积累的,大家可以看看效果。
  • 顺便推荐一个在线表格生成网站,Tables Generator.com,在上面也可以快速生成通用的 Markdown 表格。使用网站的不便之处就是需要联网,而且这个网站还在[墙外]。

以上是关于把html markdown 之后怎么在页面正常显示出来的主要内容,如果未能解决你的问题,请参考以下文章

用 Excel 生成和管理 Markdown 表格--转载

markdown怎么在网页浏览

JS图片轮显代码里链接中带有“&”符号怎么正常显示

怎样使用editor.md把markdown转换成html

markdown文件怎么转换成html或者pdf文件

html文件怎么转换成pdf文件