テキスト
Markdown Preview / HTML ↔ Markdown
MarkdownをフォーマットされたHTMLとしてライブプレビューし、Markdown → HTMLとHTML → Markdownの双方向変換も可能。
Markdown is a lightweight markup language that formats text with plain characters (**bold**, # heading, - list) and stays readable even unrendered. This tool gives you a live preview of Markdown as HTML and converts in both directions.
How to use it
- Preview: write Markdown on one side — the formatted result appears immediately on the other.
- Markdown → HTML: get ready-to-use HTML markup to paste into a page or an email template.
- HTML → Markdown: paste HTML markup to get its Markdown equivalent — handy for moving content into a README or a Markdown-based CMS.
Common uses
- Writing a README.md for a GitHub repository with a live preview of the formatting.
- Preparing text for a CMS or documentation system that accepts Markdown.
- Quickly turning HTML copied from a webpage into clean Markdown for notes.
Things to keep in mind
Different platforms (GitHub, GitLab, Discord) support slightly different Markdown extensions (tables, strikethrough, checkboxes) — the base syntax is the same everywhere.
Converting HTML to Markdown loses whatever Markdown can't express: complex layout, inline styles, deeply nested elements.
よくある質問
どのような変換が提供されていますか?
3つのモードがあります: フォーマットされたHTMLとしてレンダリングされたMarkdownのライブプレビュー、明示的なMarkdown → HTML変換、および逆のHTML → Markdown変換。
どのMarkdownレンダリングエンジンが使われていますか?
これはJavaScriptによるシンプルなクライアントサイドMarkdownレンダリングであり、BladeやTwigのような特定のサーバーサイドテンプレートエンジンとは無関係です。結果は標準のMarkdownを反映し、フレームワーク固有の構文ではありません。
私のMarkdownまたはHTMLコンテンツはサーバーに送信されますか?
いいえ、変換とプレビューはブラウザ内で完全に行われ、コンテンツはオンラインに送信されません。
なぜ同じファイルがアプリによって見た目が違うのですか?
オリジナルのMarkdownは表、取り消し線、コードブロックのシンタックスハイライトを定義していません — これらはさまざまな実装による拡張です。GitHub Flavored MarkdownとCommonMark仕様は一部の曖昧なケースを異なる方法で扱うため、同じファイルのレンダリングがパーサーによって異なることがあります。
複雑なHTMLをMarkdownに変換すると何が失われますか?
HTMLは基本的なMarkdownよりもはるかに多くの書式オプションをサポートしているため、複雑な表、ネストしたスタイル、独自のマークアップは逆変換の際に簡略化されたり失われたりすることがあります。