Markdown学习与集成
来源:互联网 发布:oppoa100软件下载 编辑:程序博客网 时间:2024/06/08 03:46
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();
0 0
- Markdown学习与集成
- Markdown 学习与使用
- javaMail学习(与spring集成)
- wordpress 深度集成 markdown
- sublime3集成markdown
- jsp集成markdown编辑器
- Vue集成Markdown插件
- 学习Extjs与RoR的集成有感
- 学习Extjs与RoR的集成有感
- 学习Extjs与RoR的集成有感
- 学习Extjs与RoR的集成有感
- 学习Extjs与RoR的集成有感
- 学习Extjs与RoR的集成有感
- 学习Extjs与RoR的集成有感
- 学习Extjs与RoR的集成有感
- 学习Extjs与RoR的集成有感
- 学习Extjs与RoR的集成有感
- 学习Extjs与RoR的集成有感
- C# FileStream复制大文件
- 分享45个Android实例源码
- JDBC基础(JDBCVersion1)
- 【严肃脸】使用caffe实现色情图片的识别
- BZOJ3939 BSOJ4853 【USACO 2015 FEB GOLD 】cow hopscotch
- Markdown学习与集成
- HDU - 1131 Count the Trees
- HDU Fraction 2016中国大学生程序设计竞赛(长春)-重现赛
- 【Codeforces 718C&719E】Sasha and Array【线段树成段更新+矩阵快速幂】
- 关于hibernate中实体类为什么尽量序列化和类似<s:checkboxlist/>标签
- [LeetCode]318. Maximum Product of Word Lengths
- 为什么罗永浩这种人都能做出来锤子手机?
- test
- ZOJ 3329 One Person Game