Markdown パーサー

Markdown をリアルタイムで解析・プレビュー。GFM テーブル、タスクリスト、取り消し線などに対応。すべてブラウザ内で処理。

ライブプレビュー GFM サポート クライアント側処理

HTML プレビューがここに表示されます...

Markdown パーサーの使い方

1

Markdown を入力

左側のエディタに Markdown コンテンツを入力または貼り付けてください。

2

ライブプレビュー

右側のパネルにリアルタイムでレンダリングされた HTML 出力が表示されます。

3

HTML をコピー

生成された HTML をコピーしてプロジェクトで使用できます。

Markdown とは

Markdown は、2004年に John Gruber によって作成された軽量マークアップ言語です。HTML や他の多くの形式に変換できるプレーンテキストフォーマット構文を使用します。ドキュメント、README ファイル、ブログ記事、メッセージングプラットフォームで広く使用されています。

対応構文

見出し

# 構文で H1 から H6 まで対応

テキスト書式

太字、斜体、取り消し線、インラインコード

リスト & テーブル

番号付きリスト、箇条書き、タスクリスト、GFM テーブル

コードブロック

フェンスドコードブロック(シンタックスハイライト付き)

よくある質問

GFM とは何ですか?

GFM(GitHub Flavored Markdown)は、GitHub で使用されている Markdown の方言です。標準の Markdown をテーブル、タスクリスト、取り消し線、自動リンクなどの機能で拡張しています。

シンタックスハイライトに対応していますか?

パーサーはフェンスドコードブロックをレンダリングします。カラー付きの完全なシンタックスハイライトには、コード要素をスタイルする CSS スタイルシートと組み合わせる必要があります。

ドキュメント作成に使用できますか?

はい!エディタで Markdown を書き、レンダリングされた HTML をコピーして、ドキュメント、ブログ、ウェブサイトで使用できます。

Markdown、CommonMark、GFM の違いは何ですか?

オリジナルの Markdown(2004年)は多くのエッジケースを未定義のままにしていたため、実装ごとに挙動が異なっていました。CommonMark はそれらを解決した厳格な仕様であり、GFM(GitHub Flavored Markdown)は CommonMark に拡張を加えたものです。具体的には、テーブル、タスクリスト、取り消し線、自動リンク、disallowed-raw-HTML フィルターが含まれます。本ツールは GFM でレンダリングするため、GitHub で表示される結果と一致します。

コードブロックとインラインコードはどう書きますか?

インラインコードはバッククォート 1 つで囲みます。フェンスブロックは、シンタックスハイライト用の言語タグを付けた 3 連バッククォート(1 行目に ```python のように記述)を使うか、すべての行を 4 スペースでインデントします(こちらは古い構文で、リスト内では問題が起きやすくなります)。コード自体にバッククォートが含まれる場合は、3 連チルダもフェンスとして使用できます。

Markdown に生の HTML を埋め込むことはできますか?

はい。インラインの HTML タグはそのまま出力に渡されます。GFM の disallowed-raw-HTML 拡張は、フィルターが有効な場合に危険な一部のタグ(script、style、iframe など)のみを除去します。注意点が 2 つあります。第 1 に、ブロックレベルの HTML に囲まれた内部では Markdown 構文の処理が停止する(空行の有無が影響します)こと。第 2 に、タグフィルターだけでなく、ユーザーが投稿する Markdown は XSS 対策のサニタイズが必要なことです。

GFM のテーブルはどのように機能しますか?

ヘッダーの下にハイフンのみの区切り行を置き、パイプ区切りの行でテーブルを記述します。コロンで配置を指定します。左側にコロンがあると左揃え(デフォルト)、両端にコロンがあると中央揃え、右側にコロンがあると右揃えになります。セルにはブロック要素を含められません。パイプ自体は \| とエスケープし、各行の外側のパイプは省略可能です。より複雑なレイアウトには生の HTML かドキュメントエンジンが必要です。

リストやネストした項目が正しくレンダリングされないのはなぜですか?

よくある原因は次のとおりです。インデントの不整合(ネストした項目は通常、親項目の内容の先頭文字の位置に揃える必要があります)、段落とリストの間の空行の欠落、タブとスペースの混在です。CommonMark はこれらすべてについて厳密なルールを定めています。タブをスペースに変換し、リストの前後に空行を追加すれば、ネストまわりのバグの大半は解消します。

{-- * External Resources Component(#18 Phase 3b 内容佐证工程) * 工具页「权威引用」区块:RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染(无权威来源的工具静默跳过) * - 链接 title 保持英文(引用源专名);description 经 * common.resources.descriptions.{key} 本地化,lang 未命中回退英文(线上不裸奔) * - 链接保持 dofollow(rel="noopener noreferrer") * * @param string|null $slug --}}