Markdownエディター
ライブHTMLプレビューでMarkdownをブラウザで編集 — インストール不要。READMEやドキュメント、ブログ記事の作成に最適です。
Markdown入力
ライブプレビュー
Markdownエディターの例
ライブHTMLプレビューでMarkdownを編集。例：
例：APIドキュメント
レンダリングされたHTML：
上のサンプルボタンをクリックして、エディターにより多くの例を読み込んでください。
Markdownエディターとは？
MarkdownエディターはMarkdownをライブHTMLプレビュー付きで記述できます。左で編集し、右でレンダリング結果を確認します。ビルドステップや別のプレビューウィンドウは不要です。CommonMark仕様が構文を定義しています。
このツールは完全にブラウザ内で動作します。サーバーには何も送信されません。MarkdownまたはHTMLでダウンロードできます。HTMLのみの変換にはMarkdownをHTMLにを、検証にはMarkdownバリデーターを使用してください。
このツールの使い方
貼り付けまたはアップロード
Markdownをコピーして左のエディターに貼り付けます。アップロードをクリックして.mdまたは.markdownファイルを読み込むこともできます。サンプルボタンでサンプルデータを読み込みます。
編集とプレビュー
右のパネルにライブプレビューが表示されます。左のエディターで入力するとプレビューが更新されます。HTMLコピーまたはHTMLダウンロードでレンダリングされた出力を取得できます。
ダウンロードまたはコピー
MDダウンロードでMarkdownを保存するか、HTMLダウンロードでレンダリングされたHTMLを保存します。目次にはMarkdown TOCジェネレーターを使用してください。
Markdownエディターが役立つ場面
GitHubのREADME、GitHub Docsのドキュメント、または即座のフィードバックが必要なコンテンツを書くとき、ライブプレビューで正確なレンダリングを確認できます。GitHub Flavored Markdown仕様がテーブルと拡張を定義しています。ファイルの切り替えやビルドは不要です。ドラフト、ブログ記事、ドキュメントに最適です。
MarkdownとHTML出力の比較が簡単—1か所で編集してHTMLをコピーできます。フォーマットにはMarkdownフォーマッターを、構文リファレンスにはMarkdownチートシートを使用してください。
よくある質問
このエディターはコンテンツを保存しますか？
コンテンツはブラウザのセッション内にのみ保持されます — サーバーには何も送信されません。タブを閉じるとコンテンツは消えてしまうので、コピーしておいてください。ダウンロードまたはコピーボタンで作業内容を保存できます。
このエディターはどのMarkdown構文をサポートしていますか？
エディターはCommonMarkとGitHub Flavored Markdownに対応しており、テーブル、タスクリスト、取り消し線、言語識別子付きのコードフェンスが使えます。
レンダリングされたHTMLをエクスポートできますか？
はい — HTML コピーまたはダウンロードボタンを使って、レンダリングされたHTML出力を取得できます。Webページ、CMS、メールテンプレートにそのまま貼り付けることができます。
ファイルサイズの制限はありますか？
すべてブラウザで動作するため、実質的な制限はデバイスの利用可能なメモリです。典型的なドキュメントファイル — 大きなREADMEファイルでも — パフォーマンスは即座です。
PDFにエクスポートできますか？
HTMLダウンロードを使用し、ブラウザやツールでPDFに印刷してください。直接MarkdownをPDFにするにはMarkdownをPDFにを使用してください。
関連ツール
詳細：CommonMark、CommonMark仕様、Markdown Guide、GFM、W3C HTML、GitHub、GitHub Docs。