Markdown から HTML へのオンラインコンバーター - .md および GFM をクリーンな HTML に変換します

Markdown (.md) および GitHub フレーバー付き Markdown (GFM) をクリーンでセマンティックな HTML コードにリアルタイムで変換します。 Obsidian、Notion、または VS Code から WordPress および CMS プラットフォームへの記事のパブリッシュ、GitHub README.md ドキュメントのレンダリング、Markdown パイプ テーブルの HTML

マークアップへの変換、またはスタンドアロン HTML5 Web ページのエクスポートに最適です。

Quick Presets:

行: 0

単語: 0

文字: 0

オンラインでMarkdownをHTMLに変換する方法

  1. Markdown: を入力または貼り付けます。左側の Markdown 入力 エディターに .md コンテンツを入力または貼り付けるか、サンプル マークダウンのロード をクリックすると、変換された見出し、GFM パイプ テーブル、タスク リスト、ブロック引用符、およびフェンスで囲まれたコード ブロックがすぐに表示されます。
  2. 変換プリセットまたはオプションを選択します: クイック プリセットを使用します バー (例: GitHub README (GFM)、Blog / CMS Clean HTML、または Full HTML5 Page) を選択するか、右側の設定パネルで個々のチェックボックスを微調整します。
  3. コードとレンダリングの両方をプレビュー HTML: HTML コード (生のインデントされたマークアップを検査するため) と ライブ プレビュー (テーブル、タイポグラフィー、強調表示されたコード ブロックがブラウザーでどのように見えるかを確認するため) を切り替えます。
  4. コピーまたはダウンロード .html: clipboardにコピー をクリックして生成された HTML を CMS または IDE に貼り付けるか、ダウンロード .html をクリックしてすぐに使用できるファイルを保存します。

Markdown から HTML への変換リファレンス チートシート

当社のコンバーターは、標準の CommonMark 構文と、GitHub フレーバーの Markdown (GFM) 拡張機能をサポートしています。

要素 Markdown 構文 (.md) 生成されたHTML出力
見出し (H1–H6) # タイトル / ## セクション

タイトル

 /

セクション
太字と斜体 **太字**、*斜体*、***両方*** 太字、斜体、両方
取り消し線 (GFM) ~~非推奨~~ 非推奨
リンクと画像 [ドキュメント](https://example.com)
ZZQ3QXZ![Alt](logo.png)		 ドキュメント
ZZQ3QXZAlt
タスク リスト (GFM) - [x] 完了したタスクZZQ2QXZZZQ3QXZ- [ ] 保留中のタスク
  • 完了したタスク
    		•
    フェンスで囲まれたコード ブロック ```jsXXQ2QXZXXQ3QXZconst x = 1;XXQ5QXZXXQ6QXZ``` 
    ...
    パイプ テーブル (GFM) |名前 |スコア |XXQ2QXZZZQ3QXZ| :--- | ---: | ...
    名前

    Markdown から HTML への変換の一般的な使用例

    • CMS およびブログ公開: Obsidian、Notion、iA Writer、または VS Code で投稿の下書きをきれいに作成し、WordPress、Ghost、Webflow、Shopify、またはカスタム CMS エディターに貼り付ける準備ができたセマンティック HTML フラグメントに変換します。
    • GitHub README および技術ドキュメント: GFM パイプ テーブル、タスク チェックリスト、自動見出しアンカー ID (#section-name) を含む、README.md ファイル、変更ログ、および API ドキュメントのレンダリング方法をプレビューします。
    • HTML 電子メールおよびニュースレターの制作: 気を散らすことのない Markdown でニュースレターのコピーを作成し、クリーンでクラスのない HTML 段落、リスト、およびリンクをエクスポートします。
    • スタンドアロン Web ページ: 完全な HTML5 ドキュメント で Wrap を有効にすると、あらゆる Markdown ノートが、レスポンシブ CSS とダーク コード ブロックが組み込まれた完全な自己完結型の .html ファイルに変わります。

    変換オプションの説明

    • Sanitize HTML 出力: 危険なタグ (
    • GitHub フレーバー付き Markdown (GFM): 標準 Markdown をパイプ テーブル (列配置コロン :---、:---:、---: を含む)、対話形式のタスク リスト チェックボックスで拡張します。 ~~取り消し線~~、および自動 URL リンク。
    • Generate Heading id Slugs:

      から
      タグ上に URL 対応の slug ID を自動的に作成します (重複する見出しは -1 で処理します)。 -2 サフィックス) なので、目次のアンカー リンクはすぐに機能します。
    • スマート句読点 (SmartyPants): ASCII 引用符 ("..." および '...')、二重/三重ハイフン (-- / ---)、および 3 つを変換します。コード ブロックに触れることなく、ドット (...) を活版印刷の中引用符、半角ダッシュ (-)、全角ダッシュ (—)、および省略記号 (…) に変換できます。

    よくある質問

    このツールは、Markdown パイプ テーブルを HTML コードに変換しますか?

    はい！ GitHub フレーバー付き Markdown (GFM) がチェックされている場合 (デフォルトで有効)、Markdown パイプ テーブルは、 を使用した構造化された HTML

    に変換されます。 、、、および タグ。左、中央、右の列の配置が維持されます。

    「HTML 出力のサニタイズ」を有効にしておく必要があるのはなぜですか?

    Markdown では、デフォルトで生の HTML を埋め込むことができます。 Sanitize HTML 出力 をオンのままにすると、信頼できない Markdown コンテンツを変換する場合、悪意のある

    タグと タグを含む完全な HTML ファイルを生成できますか?

    はい。完全な HTML5 ドキュメント で Wrap を確認します (または、完全 HTML5 ページ preset ボタンをクリックして) UTF-8 メタ タグを備えた完全な テンプレート内の変換された HTML を wrap にします。レスポンシブなビューポート設定とクリーンなスタイルシート ルール。

    HTML コードを Markdown (.md) に変換するにはどうすればよいですか?

    HTML コードまたは Markdown に変換したい Web ページのテーブルがある場合は、以下にリンクされている HTML から Markdown へのコンバーター を使用してください。

    関連ツール

    HTMLからMarkdownへの変換ツール テキストからHTMLへの変換・エディター HTML Beautifier オンライン CSS Beautifier オンライン JavaScript Beautifier オンライン JSON Beautifier オンライン URL Slug ジェネレーター オンライン 文字数・単語数カウントツール (Word Counter)