Markdownドラフト

ライブプレビュー

Markdownプレビューの例

Markdownを記述してレンダリングされたHTMLを確認します。例:

例:サブスクリプションプラン

Markdown入力

レンダリングされたHTML:

HTML出力

上のサンプルボタンをクリックしてエディターにより多くの例を読み込んでください。

Markdownプレビューとは?

Markdownは見出し、リスト、リンク用の構文を持つプレーンテキストです。Markdownプレビューでは記述しながらレンダリングされたHTMLをライブで確認できます。CommonMark仕様が構文を定義しています。

このツールは完全にブラウザ内で動作します。サーバーには何も送信されません。HTMLをコピーまたはダウンロードして他の場所で使用できます。MarkdownのフォーマットにはMarkdownフォーマッターを、変換のみにはMarkdownをHTMLにを使用してください。

このツールの使い方

1

貼り付けまたはアップロード

Markdownをコピーして左のエディターに貼り付けます。アップロードをクリックして.mdまたは.markdownファイルを読み込むこともできます。サンプルボタンでサンプルデータを読み込みます。

2

ライブプレビューを確認

右のパネルにレンダリングされたHTMLが表示されます。左で編集するとプレビューがリアルタイムで更新されます。HTMLコピーまたはHTMLダウンロードで出力を取得します。

3

コピーまたはダウンロード

<strong>HTMLコピー</strong>または<strong>HTMLダウンロード</strong>でレンダリングされた出力を取得します。フォーマットや検証にはMarkdownフォーマッターまたはMarkdownバリデーターを使用してください。

Markdownプレビューが役立つ場面

ドキュメント、GitHubのREADME、即座のフィードバックが必要なコンテンツを書くとき、ライブプレビューで正確なレンダリングを確認できます。GFM仕様がテーブルとタスクリストを定義しています。JekyllHugo、ドキュメントに最適です。ダウンロードオプション付きの完全なエディターにはMarkdownエディターを使用してください。

よくある質問

データはプライベートですか?

はい。プレビューは完全にブラウザ内で行われます。データはサーバーに送信されません。

プレビューとエディターの違いは?

どちらもライブプレビューを提供します。エディターにはMarkdownとHTMLのダウンロードオプションが含まれています。ワークフローに応じて使い分けてください。

GFMをサポートしていますか?

ほとんどのGitHub Flavored Markdown機能(テーブル、取り消し線、タスクリスト)がサポートされています。プレビューはレンダリングされた出力を反映します。

PDFにエクスポートできますか?

HTMLダウンロードを使用し、ブラウザからPDFに印刷してください。直接MarkdownをPDFにするにはMarkdownをPDFにを使用してください。

生のHTMLはどうなりますか?

Markdown内の生のHTMLは通常プレビューに渡されます。HTMLをMarkdownに変換するにはHTMLをMarkdownにを使用してください。

関連ツール

詳細:CommonMarkCommonMark仕様Markdown GuideGFMW3C HTMLGitHubJekyll