Markdown を入力と同時にきれいな HTML に変換するツールです。Markdown を貼り付けるか書くだけで、GitHub 形式の表、タスクリスト、コードブロック、見出しのアンカー付きの HTML をコピーできます。出力は無害化され、スクリプトや危険な属性は取り除かれます。CMS に貼る断片としてコピーするか、スタイル付きの完全な HTML ページとしてダウンロードできます。
使い方
- エディタにMarkdownを書くか、.md ファイルをドロップ・選択・貼り付けで開きます。最初はサンプルのREADMEが表示されます。
- ツールバーやショートカットで、太字、斜体、見出し、リンク、リスト、タスクリスト、コード、引用、表を挿入できます。
- 「プレビュー」でクリックできる目次付きのGitHub風の表示を、「HTML」で生成されたHTMLを確認できます。
- HTMLをコピーするか、スタイル付きの単体 .html ページ、または .md ファイルとしてダウンロードできます。
- GitHub Flavored Markdown（表、タスクリスト、コードブロック、取り消し線、自動リンク）に対応。見出しにはGitHubと同じ形式のアンカーIDが付きます。
- 出力HTMLはサニタイズされ、スクリプトや危険な属性は取り除かれます。
- 下書きはこのブラウザに自動保存され、次に開いたときもそのまま残っています。
- 画面が広いときは「分割」でエディタとプレビューを並べて表示できます。
Markdown と HTML の対応
Markdown の各要素は標準の HTML 要素になります。# 見出しは h1（## は h2 …）、空行で区切った段落は p、- や * の行は ul と li、1. の行は ol、**文字** は strong、*文字* は em、[文字](url) は a、 は代替テキスト付きの img です。ハイフン 3 つは hr、> は blockquote、囲み付きコードは pre と code になり、多くのシンタックスハイライターが認識する language-xxx クラスが付きます。
表は thead と tbody を持つ table に、タスクは GitHub と同じく無効化されたチェックボックスになります。
Web とメールで安全に使える HTML
Markdown には生の HTML も書けますが、他人が書いた文章では危険にもなります。このツールは変換結果を無害化処理にかけ、通常の書式は残しつつ script タグ、onclick などのイベント属性、javascript: リンクを取り除きます。断片は CMS やテンプレート、メール作成ツールに貼り付けられます。メールでは外部 CSS を無視するソフトが多いため、シンプルな見出し・段落・リストがもっとも確実に表示されます。
よくある質問
Markdown を HTML に変換するには？
エディターに Markdown を貼り付け、HTML 表示に切り替えます。コードをコピーするか .html ファイルでダウンロードしてください。
サイトにそのまま貼っても安全ですか？
無害化されているので、スクリプト、イベント属性、javascript: リンクは除かれます。書式、リンク、画像、表は残ります。
GitHub Flavored Markdown に対応していますか？
はい。表、タスクリスト、取り消し線、自動リンク、コードブロックを変換し、見出しには GitHub 形式の id が付きます。
.md ファイルを変換できますか？
はい。エディターにドロップ、ファイルを開く、または貼り付けてください。ブラウザー内で読み込まれ、アップロードはされません。
断片と完全なページの違いは？
断片は既存のページに貼るための変換済みの本文だけです。完全なページには html、head、スタイルシートが加わり、単体で見やすく開けます。