Leanote博客Markdown解析器升级!
leanote markdown blog    2015-04-12 00:32:42    886    6    9
leanote   leanote markdown blog

很多朋友都反应为什么leanote笔记里的markdown预览效果和博客的效果不同, 这, 说来话长, 都怪life, 他没时间升级. 还好他昨天通宵把这个问题解决了. 以后别怪他了(当然有问题还是得怪他的).

新的解析器与笔记内的markdown解析器一样, 支持Latex公式, 流程图, Toc.

Leanote博客主题全部都升级, 可以通过重新安装主题使用该功能.

如果你自定义了主题, 那么通过简单的修改就可以快速升级, 方法:

编辑主题的post.html, 在相应代码修改成:

{{if $.post.IsMarkdown }}
<script src="http://leanote.com/public/libs/md2html/md2html.js"></script>
<script>
var content = $.trim($("#markdownContent textarea").val());
md2Html(content, $("#content"), function(html) {
    $("pre").addClass("prettyprint linenums");
    prettyPrint();
    initNav();
    weixin();
});
</script>
<!-- 不是markdown -->
{{else}}
<script>
$(function() {
	initNav();
	weixin();
});
</script>
{{end}}

核心代码为:

1. 首先加载 http://leanote.com/public/libs/md2html/md2html.js 

2. 然后调用 md2Html方法将markdown文本渲染到#content中.

<script src="http://leanote.com/public/libs/md2html/md2html.js"></script>
<script>
var content = $.trim($("#markdownContent textarea").val());
md2Html(content, $("#content"), function(html) {});
</script>

想要看效果? 这里有最全的markdown效果展示, 绝对不骗人.


上一篇: Leanote 桌面客户端 v0.4 发布, 支持多语言, 多主题

下一篇: Markdown测试源码

886 人读过
立即登录, 发表评论.
没有帐号? 立即注册
9 条评论
文档导航