Markdown HTML変換ツール
ホーム Markdown HTML変換ツール：リアルタイムプレビュー、GFMの表、メール対応HTML | We.Inc
MarkdownをHTMLに変換し、左右に並べてリアルタイムでプレビューできます。表、タスクリスト、取り消し線、脚注に対応し、見出しにidを付与し、危険なHTMLをエスケープし、メールでそのまま使えるインラインスタイルを出力します。
Markdown HTML変換ツール
MarkdownからHTMLへの変換では、プレーンテキストの書式がタグに置き換わります。# Title は<h1>に、**bold** は<strong>に、- で始まる行はリスト項目になります。左側にMarkdownを入力または貼り付けると、右側にきれいなHTMLとリアルタイムプレビューが表示されます。表、タスクリスト、脚注、見出しidにも対応しています。
よく使うMarkdownと変換後のHTML
<h2 id="heading">Heading</h2> **bold** and *italic* <strong>bold</strong> and <em>italic</em> [link](https://we.inc) <a href="https://we.inc">link</a> - [x] done <li class="task-list-item"><input type="checkbox" disabled checked> done</li> リアルタイムプレビュー付きの分割エディター、実際によく使われるGitHub形式の拡張機能、他人が書いたコンテンツ向けのセーフモード、そして3通りの出力方法を備えています。HTMLのみ、完全なHTMLファイル、メールエディターに貼り付けても崩れないインラインスタイル付きHTMLから選べます。
Markdownを入力または貼り付けるか、.mdファイルを開きます。入力に合わせてHTMLとプレビューが更新されます。 セーフモードをオンにしておくと、ソース内の生のHTMLをエスケープし、javascript: リンクをブロックします。オフにするのは自分で書いたMarkdownの場合だけにしてください。 セクションにリンクできるよう見出しidを切り替えます。単一の改行を<br>にしたい場合は改行オプションも切り替えます。 HTMLをコピーするか、メール用にインラインスタイル付きでコピーするか、シンプルなスタイルシート付きの完全なHTMLファイルをダウンロードします。 ブロックの間には空行を入れましょう。Markdownの思わぬ表示の多くは、リストや見出しが直前の段落とつながってしまうことが原因です。 入れ子のリスト項目は2つ以上のスペースでインデントし、上の項目のテキストの位置にそろえましょう。 Markdownが書式として解釈してしまう文字は、バックスラッシュでエスケープします。たとえばアスタリスクをそのまま表示するには \* と書きます。 表にはヘッダー行と、ダッシュで書く区切り行が必要です。区切り行のコロンで配置を指定します。 よくある質問
どのMarkdown方言に対応していますか？
日常的に使うCommonMark構文（見出し、強調、リンク、画像、リスト、引用、コードブロック、水平線）に加え、GitHub Flavored Markdownの拡張機能である表、タスクリスト、取り消し線、URLの自動リンクに対応しています。脚注はGitHubと同じように表示されます。仕様を完全に実装したものではなくコンパクトな変換ツールのため、非常に特殊な入れ子はGitHubと結果が異なる場合があります。
このHTMLを自分のWebサイトに載せても安全ですか？
セーフモードがオンなら、Markdown内の生のHTMLはテキストとして表示され、スクリプトを実行できるリンク先は置き換えられます。自分で書いていないコンテンツによくあるリスクはこれでカバーできます。ユーザーのコンテンツを自分のサーバーで変換する場合は、DOMPurifyなどのHTMLサニタイザーにも必ず通してください。
Markdownをメールに貼り付けるにはどうすればよいですか？
「メール用にコピー」を使ってください。メールエディターはstyleブロックを削除するため、このオプションではスタイルを各タグに直接（インラインで）書き込みます。結果をメールツールのHTML表示またはソース表示に貼り付けてください。
ドキュメントはアップロードされますか？
いいえ。変換はブラウザー内で行われ、開いたファイルもローカルで読み込まれます。
見出しidを付ける理由
各見出しにidがあれば、/docs#install のようにセクションへ直接リンクでき、目次からページ内を移動することもできます。ここで付くidはGitHubと同じ形式なので、READMEにある既存のリンクは、コンテンツをWebサイトに移しても使い続けられます。 同じテキストの見出しが2つある場合、2つ目のidには -1、3つ目には -2 というように末尾に追加され、すべてのidが重複しません。 Markdownから実際のページへ
ダウンロードオプションでは、HTMLを読みやすいスタイルシート付きの完全なドキュメントで包みます。変更履歴、ポリシーページ、簡単な配布資料ならこれで十分です。本格的なWebサイトなら、変換したHTMLをカスタムHTMLに対応したページテンプレートやサイトビルダーに入れられます。 逆方向には、HTML Markdown変換ツールで既存のページをMarkdownに戻せます。ドキュメント用リポジトリにコンテンツを移すときに便利です。 変換
セーフモード（生のHTMLをエスケープ）
見出しid
改行を<br>にする
.mdファイルを開く
Markdown
出力表示
プレビュー
表示プレビュー
HTML出力
HTMLをコピー
メール用にコピー（インラインスタイル）
.htmlをダウンロード
無料で始める · クレジットカード不要
関連: 無料ツール｜ビジネス向け計算・生成ツール
製品
ご利用いただける方
機能
リソース
会社情報
サイトマップを見る