Markdown エディター・変換ツール

Markdown エディター・変換ツールとは？

Markdown エディター・変換ツールは、完全にブラウザ内で動作する無料の双方向 Markdown・HTML ツールです。ひとつのトグルで Markdown→HTML と HTML→Markdown を切り替えられます。Markdown→HTML モードでは、見出し、太字・斜体、リンク、リスト、表、引用、フェンス付きコードブロックといった GitHub 風 Markdown を解析し、2 つを表示します。ライブでレンダリングされたプレビューと、生成された HTML ソース（ワンクリックでコピー可能）です。HTML は表示前に必ず DOMPurify を通すため、スクリプトや安全でないマークアップは取り除かれます。HTML→Markdown モードでは、貼り付けた HTML を ATX スタイルの見出しとフェンス付きコードブロックを使い、整った Markdown に戻します。ライター、開発者、コンテンツ編集者が、README ファイルの下書き、ブログ記事の準備、CMS から貼り付けた HTML の整理、書式を失わずに Markdown と HTML の間でテキストを移すといった用途で使っています。

Markdown エディター・変換ツールの使い方

1. トグルで方向を選びます：Markdown→HTML、または HTML→Markdown。
2. 入力ボックスにソースを貼り付けるか入力します。
3. Markdown→HTML モードでは、入力の下にレンダリングされたプレビューがリアルタイムで更新されます。
4. 出力ボックスで変換結果を確認します。Markdown から変換した場合は HTML ソース、HTML から変換した場合は Markdown が表示されます。
5. 出力フィールドのコピーボタンをクリックして結果を取得するか、クリアをクリックして入力を空にします。

使用例

# Title

Some **bold** text.

<h1>Title</h1>
<p>Some <strong>bold</strong> text.</p>

- one
- two

<ul>
<li>one</li>
<li>two</li>
</ul>

<h2>Notes</h2><p>A <a href="https://x.com">link</a>.</p>

## Notes

A [link](https://x.com).

よくある質問

入力したテキストはサーバーにアップロードされますか？

いいえ。Markdown の解析、HTML のサニタイズ、HTML から Markdown への変換はすべてブラウザ内でローカルに実行されます。内容が端末から外に出ることはなく、オフラインでも動作するため、非公開の下書きにも安全に使えます。

生成された HTML はそのまま使っても安全ですか？

はい。すべての HTML は、プレビューや出力に表示される前に DOMPurify を通り、スクリプト、イベントハンドラー、その他の安全でないマークアップが取り除かれます。ライブプレビューもコピー用の HTML ソースもサニタイズ済みです。

どの Markdown 機能に対応していますか？

GitHub 風 Markdown に対応しており、見出し、太字・斜体、リンク、順序付き・順序なしリスト、引用、表、インラインコード、フェンス付きコードブロックを扱えます。単一の改行はプレビューでも改行として保持されます。

なぜ HTML→Markdown モードではライブプレビューが表示されないのですか？

ライブプレビューは Markdown を HTML としてレンダリングするため、Markdown→HTML モードでのみ表示されます。HTML→Markdown モードでは、変換された Markdown テキストが出力ボックスに表示されます。

出力は自動で更新されますか？

はい。プレビューと出力は入力に合わせて再計算されるため、変換ボタンを押す必要はありません。結果は常に入力と同期しています。