Markdown パーサー
Markdown をリアルタイムで解析・プレビュー。GFM テーブル、タスクリスト、取り消し線などに対応。すべてブラウザ内で処理。
HTML プレビューがここに表示されます...
Markdown パーサーの使い方
Markdown を入力
左側のエディタに Markdown コンテンツを入力または貼り付けてください。
ライブプレビュー
右側のパネルにリアルタイムでレンダリングされた HTML 出力が表示されます。
HTML をコピー
生成された HTML をコピーしてプロジェクトで使用できます。
Markdown とは
Markdown は、2004年に John Gruber によって作成された軽量マークアップ言語です。HTML や他の多くの形式に変換できるプレーンテキストフォーマット構文を使用します。ドキュメント、README ファイル、ブログ記事、メッセージングプラットフォームで広く使用されています。
対応構文
見出し
# 構文で H1 から H6 まで対応
テキスト書式
太字、斜体、取り消し線、インラインコード
リスト & テーブル
番号付きリスト、箇条書き、タスクリスト、GFM テーブル
コードブロック
フェンスドコードブロック(シンタックスハイライト付き)
よくある質問
GFM(GitHub Flavored Markdown)は、GitHub で使用されている Markdown の方言です。標準の Markdown をテーブル、タスクリスト、取り消し線、自動リンクなどの機能で拡張しています。
パーサーはフェンスドコードブロックをレンダリングします。カラー付きの完全なシンタックスハイライトには、コード要素をスタイルする CSS スタイルシートと組み合わせる必要があります。
はい!エディタで Markdown を書き、レンダリングされた HTML をコピーして、ドキュメント、ブログ、ウェブサイトで使用できます。
オリジナルの Markdown(2004年)は多くのエッジケースを未定義のままにしていたため、実装ごとに挙動が異なっていました。CommonMark はそれらを解決した厳格な仕様であり、GFM(GitHub Flavored Markdown)は CommonMark に拡張を加えたものです。具体的には、テーブル、タスクリスト、取り消し線、自動リンク、disallowed-raw-HTML フィルターが含まれます。本ツールは GFM でレンダリングするため、GitHub で表示される結果と一致します。
インラインコードはバッククォート 1 つで囲みます。フェンスブロックは、シンタックスハイライト用の言語タグを付けた 3 連バッククォート(1 行目に ```python のように記述)を使うか、すべての行を 4 スペースでインデントします(こちらは古い構文で、リスト内では問題が起きやすくなります)。コード自体にバッククォートが含まれる場合は、3 連チルダもフェンスとして使用できます。
はい。インラインの HTML タグはそのまま出力に渡されます。GFM の disallowed-raw-HTML 拡張は、フィルターが有効な場合に危険な一部のタグ(script、style、iframe など)のみを除去します。注意点が 2 つあります。第 1 に、ブロックレベルの HTML に囲まれた内部では Markdown 構文の処理が停止する(空行の有無が影響します)こと。第 2 に、タグフィルターだけでなく、ユーザーが投稿する Markdown は XSS 対策のサニタイズが必要なことです。
ヘッダーの下にハイフンのみの区切り行を置き、パイプ区切りの行でテーブルを記述します。コロンで配置を指定します。左側にコロンがあると左揃え(デフォルト)、両端にコロンがあると中央揃え、右側にコロンがあると右揃えになります。セルにはブロック要素を含められません。パイプ自体は \| とエスケープし、各行の外側のパイプは省略可能です。より複雑なレイアウトには生の HTML かドキュメントエンジンが必要です。
よくある原因は次のとおりです。インデントの不整合(ネストした項目は通常、親項目の内容の先頭文字の位置に揃える必要があります)、段落とリストの間の空行の欠落、タブとスペースの混在です。CommonMark はこれらすべてについて厳密なルールを定めています。タブをスペースに変換し、リストの前後に空行を追加すれば、ネストまわりのバグの大半は解消します。
関連ツール
権威ある参考文献
このツールの根拠となる一次資料です。二次的な要約ではなく、公式の標準規格と仕様に基づいています。