使用showdown.js打造自己的markdown编辑器，支持table

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。由于语法简单，不侧重文档格式排版，而是侧重于内容，越来越受大家的喜欢，现在很多博客系统及网站都采用markdown语言来编辑文章等。我想为我自己的网站集成markdown编辑器，所以就查找了一些方法去实现这种功能，下面就是我实现的简单的markdown编辑器的过程和方法，希望对想自己实现markdown编辑器的朋友能有所帮助。

markdown编辑器的原理就是讲编写的文档转换成html输出到页面上，现在网络上有很多开源的js库可以实现这种操作，我就是使用这种开源库实现的markdown编辑器

前言

我用的layui.css进行页面的渲染，layui.js进行js处理

这里我使用的是showdown.js开源库

1. 引入showdown.js

引入showdown.js有两种方法，一是：去github上下载源码放到我们的项目下；二是：使用公用的cdn引入showdown.js()；

showdown的github地址： https://github.com/showdownjs/showdown/releases
showdown的cdn地址：https://www.bootcdn.cn/showdown/

2. 使用showdown.js

showdown的使用非常简单，简单使用只需要添加下面的代码即可（我的代码是一边编辑，一边预览）：

h