Markdown練習


使い方

本ツールはマークアップ言語 Markdown の記法が練習できるツールです。後述する marked.js と highlight.js を合わせたツールになっていて、その動作テストも兼ねて作りました。左側の入力ボックスに Markdown 記法で文字を入力すると、HTML に変換されたものが右側に表示されます。スマホなど横幅が狭い端末は上下に表示されます。

Markdown から HTML への変換は marked.js を使用しています。

コードのシンタックスハイライト(色付け)は highlight.js を使用しています。HTML、JavaScript、PHP、Ruby、Python など様々なコードに色が付きます。プルダウンメニューから適用するスタイル(CSS)を変更できます。

コード以外の要素のスタイルは本ツールが独自に指定しています。

Markdown は GitHub、Stack Overflow、Qiita などで使われています。GitHub でよく見かける README.md は Markdown で記述されています。