Markdown编辑器制作教程

Markdown编辑器制作教程!markdown是当今最流行的编辑器，它比纯文本编辑器功能强大，又没有富文本编辑器那么麻烦，语法简单易学，可以很好地支持html。

好多网站都支持markdown，那么下面教大家来做我们自己的markdown编辑器。

1

首先下载showdown.js，如下图。

2

下载后，在showdown-master/dist下面找到showdown.min.js，放到网站目录下。

3

下面开发网站首页index.html，内容都贴在下面了。

4

把jquery.min.js也放到网站目录下，现在网站目录下就三个文件，如下图。

5

双击index.html打开网页，开始使用markdown。

左侧输入markdown语法的文字，右侧就会同步显示html格式的内容。

6

上面就是我们自己开发的markdown编辑器，是不是很简单，赶紧动手试试吧。上面的方法看上去容易，但自己开发的时候也是找了不少资料，试了不少插件，希望能明白作者的辛苦哈。