tomai
ログイン
無料 · テキストツール

Markdownプレビュー

Markdown → HTMLのリアルタイムプレビュー、逆方向のHTML → Markdown変換にも対応

入力
プレビュー

Markdown が終わり HTML が始まる場所

  • ソース内のインライン HTML は描画されますが無害化済み——スクリプト・イベントハンドラ・危険な URL はプレビュー DOM に届きません。
  • 表・言語指定つきコードフェンス・タスクリストは、多くのサイトが採用する CommonMark/GFM 方言に従います。
  • プレビューは打鍵に応じて更新;データはブラウザ外に出ず、草稿は非公開のまま。

本番同様に描画して、しかも安全

レンダリング結果を確認

レベル6までの見出し、太字、斜体、リンク、画像、番号付き・箇条書きリスト、引用、フェンス付きコードブロックが、入力した瞬間にソースの隣へ描画されます。

🔒

HTMLからMarkdownへ

Webページからコピーしたマークアップを貼り付けると、逆変換が見出し・リンク・画像・コードブロックをきれいなMarkdownに戻し、スクリプトやスタイル、コメントはその過程で捨てます。

🎯

完成したHTMLを持ち帰る

レンダリングされたプレビューはCMSやメールに貼れるHTMLとしてコピーでき、Markdown側はプレーンテキストのソースを書き出します。サンプル文書を読み込んで両パネルをすぐ試せます。

よくある質問

Markdownの仕様(テーブルや脚注など)に完全対応していますか?

見出し、太字/斜体、リンク、画像、リスト、引用、コードブロック/コードスパン、水平線など、日常的によく使われるCommonMarkの一般的な範囲をカバーしていますが、完全な仕様(テーブルや脚注は未対応)ではありません。

HTML → Markdown変換の精度はどの程度ですか?

「Webページからコピーした」貼り付けに実際に含まれるようなタグ(見出し、段落、リンク、画像、太字/斜体、リスト、コード、引用)を処理できます。特殊または深くネストされたマークアップは完全には変換されない場合があります。完全なHTMLパーサーではなく、一般的なケースを想定した設計です。

入力したテキストはどこかにアップロードされますか?

いいえ。変換処理はすべて小型の自社製コンバーターでブラウザ内に完結します。入力内容がサーバーに送信されることは一切ありません。

関連ツール

Markdownプレビューとは?

Markdownを使うと、見出しやリスト、リンク、強調などの装飾を、目立たない記号をいくつか使ってプレーンテキストで書けます。開発者向けプラットフォームやノートアプリ、CMSのほとんどが対応していますが、読者が見るのは生の記法ではなくレンダリングされた結果です。Markdownプレビューは、書いたソースをHTMLとしてリアルタイムに描画するので、推測に頼らず書きながら結果を確認できます。逆方向の変換も可能で、WebページからコピーしたHTMLを貼り付けると、きれいなMarkdownに戻せます。形式の違うシステム間でコンテンツを移す際に便利です。

レンダリングと変換の内容

  • 👁️ 見出し・太字・斜体・リンク・画像・リストのライブプレビュー
  • 🧱 言語指定付きのフェンス付きコードブロックや引用
  • 🔁 逆方向モードで貼り付けたHTMLをきれいなMarkdownに
  • 🧹 HTMLモードではscript・style・コメントを除去
  • 📋 出力をコピーまたはダウンロードして再利用

ワークフローのこんな場面で

  • READMEやGitHubのissueをコミット前に下書き
  • Webページの装飾済みコンテンツをブログ用にMarkdown化
  • メルマガやドキュメントページの表示確認
  • コピーしたHTMLを移植性のあるプレーンテキストに整形

変換はブラウザ内で動く小さな自己完結型ライブラリで行われ、何もアップロードされません。一般的なMarkdownのサブセットに対応しており、極端にマイナーな記法は描画されない可能性があります。逆方向の変換は、Webページからのコピーでよく見かけるタグを想定しています。

最終更新 · 2026-09-01

関連ツール