Markdownプレビュー
Markdownを記述してHTMLをライブプレビュー
Markdownドラフト
ライブプレビュー
Markdownプレビューの例
Markdownを記述してレンダリングされたHTMLを確認します。例:
例:サブスクリプションプラン
レンダリングされたHTML:
上のサンプルボタンをクリックしてエディターにより多くの例を読み込んでください。
Markdownプレビューとは?
Markdownは見出し、リスト、リンク用の構文を持つプレーンテキストです。Markdownプレビューでは記述しながらレンダリングされたHTMLをライブで確認できます。CommonMark仕様が構文を定義しています。
このツールは完全にブラウザ内で動作します。サーバーには何も送信されません。HTMLをコピーまたはダウンロードして他の場所で使用できます。MarkdownのフォーマットにはMarkdownフォーマッターを、変換のみにはMarkdownをHTMLにを使用してください。
このツールの使い方
貼り付けまたはアップロード
Markdownをコピーして左のエディターに貼り付けます。アップロードをクリックして.mdまたは.markdownファイルを読み込むこともできます。サンプルボタンでサンプルデータを読み込みます。
ライブプレビューを確認
右のパネルにレンダリングされたHTMLが表示されます。左で編集するとプレビューがリアルタイムで更新されます。HTMLコピーまたはHTMLダウンロードで出力を取得します。
コピーまたはダウンロード
<strong>HTMLコピー</strong>または<strong>HTMLダウンロード</strong>でレンダリングされた出力を取得します。フォーマットや検証にはMarkdownフォーマッターまたはMarkdownバリデーターを使用してください。
Markdownプレビューが役立つ場面
ドキュメント、GitHubのREADME、即座のフィードバックが必要なコンテンツを書くとき、ライブプレビューで正確なレンダリングを確認できます。GFM仕様がテーブルとタスクリストを定義しています。Jekyll、Hugo、ドキュメントに最適です。ダウンロードオプション付きの完全なエディターにはMarkdownエディターを使用してください。
よくある質問
データはプライベートですか?
はい。プレビューは完全にブラウザ内で行われます。データはサーバーに送信されません。
プレビューとエディターの違いは?
どちらもライブプレビューを提供します。エディターにはMarkdownとHTMLのダウンロードオプションが含まれています。ワークフローに応じて使い分けてください。
GFMをサポートしていますか?
ほとんどのGitHub Flavored Markdown機能(テーブル、取り消し線、タスクリスト)がサポートされています。プレビューはレンダリングされた出力を反映します。
PDFにエクスポートできますか?
HTMLダウンロードを使用し、ブラウザからPDFに印刷してください。直接MarkdownをPDFにするにはMarkdownをPDFにを使用してください。
生のHTMLはどうなりますか?
Markdown内の生のHTMLは通常プレビューに渡されます。HTMLをMarkdownに変換するにはHTMLをMarkdownにを使用してください。
関連ツール
詳細:CommonMark、CommonMark仕様、Markdown Guide、GFM、W3C HTML、GitHub、Jekyll。