Markdown→HTML変換
Markdownをライブプレビュー付きでHTMLに変換します。
ブラウザ内で動作します。入力した内容はどこにも送信されません。
- ライブプレビュー
- GitHub形式の表に対応
- アップロードなし
MarkdownをHTMLに変換する方法
- Markdownを貼り付けます。
- 下のライブプレビューを確認します。
- HTMLをコピーまたはダウンロードします。
対応しているGitHub拡張機能
| 機能 | 例 |
|---|---|
| 表 | | a | b | |
| タスクリスト | - [ ] todo |
| 取り消し線 | ~~text~~ |
| フェンス付きコードブロック | ```js ... ``` |
プレビューの安全性の仕組み
- プレビューを表示する前に、script、style、iframeタグは取り除かれます。
- onclickのようなインラインのイベントハンドラーは削除されます。
- javascript:リンクは無害な#に置き換えられ、コードを実行できません。
変換したHTMLの使い道
- READMEやドキュメントページを静的サイトの一部として公開する。
- 生のHTMLを受け付けるメールやCMSに、整形済みのコンテンツを貼り付ける。
- リポジトリにコミットする前に、Markdownがどう表示されるかプレビューする。
- プルリクエストの説明など、GitHub Flavored Markdownを描画するコメント欄に貼り付ける前に、スニペットを試す。
Markdown構文クイックリファレンス
| Markdown | 表示結果 |
|---|---|
| # Heading | レベル1の見出し |
| **bold** | 太字のテキスト |
| *italic* | 斜体のテキスト |
| [text](url) | リンク |
| - item | 箇条書きの項目 |
| `code` | インラインコード |
Markdown→HTMLのFAQ
プレビューを見ても安全ですか？
はい。プレビューを表示する前に、scriptタグ、インラインのイベントハンドラー、javascriptリンクは取り除かれます。
HTMLが埋め込まれたMarkdownも貼り付けられますか？
はい。Markdown内のインラインHTMLはそのまま保持され、他のコンテンツと一緒に表示されます。
シンタックスハイライト付きのコードブロックに対応していますか？
コードブロックの言語名はclass属性として保持されますが、このページ自体は色付きのシンタックスハイライトを追加しません。
どのMarkdownライブラリを使っていますか？
GitHub Flavored Markdown（gfm）を有効にしたmarkedを使用しており、表、タスクリスト、取り消し線はGitHubと同じように解釈されます。
脚注や定義リストに対応していますか？
いいえ。それらはGitHub Flavored Markdownを超えた拡張機能であり、ここでは対応していません。
画像が埋め込まれたMarkdownもプレビューできますか？
はい。のような画像参照は、URLがブラウザから到達可能であればプレビューに表示されます。自分のパソコン内のローカルファイルパスはWebページには読み込まれません。
Markdownでは行間が意味を持ちますか？
はい。空行は2つの段落を区切ります。段落内の単一の改行は、行末に半角スペース2つかバックスラッシュがない限り、通常は無視されます。どちらも強制的に改行させます。
リストの中にリストを、またはリスト項目の中にコードブロックをネストできますか？
はい。リスト項目のマーカーの下に2または4スペースでネストした内容をインデントすれば、markedはGitHubのMarkdownレンダラーと同じようにそのインデントを解釈します。