使用Strapdown.js、Showdown.js or Marked.js 在 html 里加载 markdown 文本
来源:互联网 发布:简单软件 编辑:程序博客网 时间:2024/06/04 18:51
使用Strapdown.js、Showdown.js or Marked.js 在html里加载 markdown文件
环境
- Ajax
- markdown
- html
- Strapdown.js、Showdown.js or Marked.js
解决方案
0x01 Strapdown.js
引入 Strapdown.js Github 地址
使用方式非常简单粗暴
<!DOCTYPE html><html><title>Hello Strapdown</title><xmp theme="united" style="display:none;"># Markdown 内容这是一段 markdown文本。</xmp><script src="http://strapdownjs.com/v/0.2/strapdown.js"></script></html>
需要注意的是,要把导入js的script放到文本之后。
缺点:破坏了html 的格式(没有body标签,并且不支持其他标签)。
0x02 Showdown.js
引入 Showdown.js Github地址
$.ajax({ url: "/markdown.md",//文件位置 type: "GET",//请求方式为get dataType: "text", //返回数据格式 success: function(data) {//请求成功完成后要执行的方法 var converter = new showdown.Converter(); var html = converter.makeHtml(data); $("#content").html(html); } })
0x03 Marked.js
引入 Marked.js Github地址
通过Ajax请求md文档
$.ajax({ url: "/markdown.md",//文件位置 type: "GET",//请求方式为get dataType: "text", success: function(data) {//请求成功完成后要执行的方法 $("#content").html(marked(data)); } })
转载请注明出处
阅读全文
0 0
- 使用Strapdown.js、Showdown.js or Marked.js 在 html 里加载 markdown 文本
- 使用strapdown.js解析markdown
- showdown.js使用示例(把markdown转化为html)
- 使用showdown.js将Markdown文档转换为HTML
- 通过浏览器加载的方式使用strapdown.js来渲染markdown
- 利用Strapdown.js和markdown写极简静态博客
- js获取html里的纯文本
- 在JS里使用thymeleaf
- 在网页里动态加载js
- 在网页里动态加载 js
- 【JS】【客户端】在HTML里嵌入JavaScript
- marked.js简易手册
- js在html中的加载执行顺序
- js在html中的加载执行顺序
- js在html中的加载顺序
- js在html中的加载执行顺序
- js在html中的加载执行顺序
- js在html中的加载顺序
- jeecg 自定义datagurid
- [html&css]Pass Through
- Android新浪微博登录
- CSS选择器
- 把ssl模块加入到已经编译好的apache中实现HTTPS
- 使用Strapdown.js、Showdown.js or Marked.js 在 html 里加载 markdown 文本
- php从mysql读取数据
- C语言笔记——字符数组与字符指针的区别
- 《Effective Java》(5~6)阅读笔记
- Codeforces 514E Darth Vader and Tree【Dp+矩阵快速幂优化】
- 单点故障
- kendo ui 日期控件格式不正确问题
- 水晶报表ActiveX打印设置
- Java EE开发第六章:JDBC开发之DBCP连接池的使用