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