您的位置：首页 > 其它

Markdown学习与集成

2016-10-04 16:57 155 查看

Markdown介绍

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。

Markdown具有一系列衍生版本，用于扩展Markdown的功能（如表格、脚注、内嵌HTML等等），这些功能原初的Markdown尚不具备，它们能让Markdown转换成更多的格式，例如LaTeX，Docbook。Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具，如Pandoc；要么基于网站，如GitHub和Wikipedia，在语法上基本兼容，但在一些语法和渲染效果上有改动。

——以上内容来自百度百科

Markdown语法学习网站

下面介绍一下学习markdown语法的网站：

学习网址一：简书

学习网址二：未知小网站

上面是两个学习markdown语法的网站

利用js库集成Markdown解释器

1. 首先去showdown的github主页下面js库到本地

2. 打开下载后的项目，截图如下：



3.打开dist文件夹，内容如下：



这里面的showdown.min.js就是我们待会要使用的js库

4.将 showdown.min.js拷贝到任意文件夹，并在里面新建html文件demo.html，内容如下：

<!DOCTYPE html>
<html>
<head>
<title>MarkDown</title>
<script type="text/javascript" src="showdown.min.js"></script>
</head>
<style>
body {
font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
font-size: 16px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
ul li {
line-height: 24px;
}
blockquote {
border-left:#eee solid 5px;
padding-left:20px;
}
code {
color:#D34B62;
background: #F9F2F4;
}
</style>
<body>
<div>
<textarea id="content" style="height:400px;width:600px;" onkeyup="compile()"></textarea>
<div id="result"></div>

</div>
<script type="text/javascript">
function compile(){
var text = document.getElementById("content").value;
var converter = new showdown.Converter();
var html = converter.makeHtml(text);
document.getElementById("result").innerHTML = html;
}
</script>
</body>
</html>


结果展示



最后在这接入markdown的过程中参考了这一片博客，感谢作者雲霏霏的博客

http://www.cnblogs.com/yunfeifei/p/4482495.html，

我用了那里面的demo，但是接入的时候修改了两处小地方

var converter = new showdown.Converter();
这是我的代码。

作者的代码是
var converter = new Showdown.converter();
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  markdown
相关文章推荐
新的分享
章节导航