Menu

Subscribe

Markdown記法のパーサー　markdown-jsを使う

#javascript

最近githubやOctopressを使うようになってきたので、markdownをしっかり覚えたい今日この頃です。
ふと、Javascriptでmarkdown→HTMLに変換してくれるのはないかなと気になったので 今回markdown-jsというのを使ってみました。

markdown-js
https://github.com/evilstreak/markdown-js

例

var md = "#markdown";
console.dir(window.markdown.toHTML(md));

リアルタイムにmarkdown→HTMLに変換してみる

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>markdown 2 html</title>
    <script type="text/javascript" src="./lib/markdown.js"></script>
    <script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
    <textarea id="markdown"></textarea>
    <div id="html"></div>
    <script type="text/javascript">
        $('#markdown').keyup(function (e){
        $('#html').html(window.markdown.toHTML($('#markdown').val()));
        });
    </script>
</body>

参考URL

にのせき日記
Javascript製Markdown記法パーサー、markdown-js