前端

Markdown 语言学习 2

md, script

本章主要介绍前端 MarkDown 解释脚本 showdown 的使用和坑。

git 地址 showdown.js

cdn 地址

直接上代码

1
2
3
4
5
6
7
8
9
10
11
12
function compile(){
  // 获取要转换的文字
  var text = document.getElementById("markdown").value;
  // 创建实例
  var converter = new showdown.Converter();
  // 支持表格转换
  converter.setOption('tables', true);
  // 进行转换
  var html = converter.makeHtml(text);
  // 展示到对应的地方  result便是id名称
  document.getElementById("html-shower").innerHTML = html;
}

git wiki 链接

表格支持的大坑

一定要用两个 “–”，保证不要有空行，其他格式都不重要，为兼容考虑建议习惯“–”就好

1
2
3
4
| table | column   | type   |
| --    | --       | --     |
| User  | UserName | string |
| Role  | RoleName | string |

效果
| table | column | type |
| – | – | – |
| User | UserName | string |
| Role | RoleName | string |