Markdownプレビュー

Markdownを書きながらHTMLのライブプレビューを確認できます。生成されたHTMLはエクスポートまたはコピー可能です。

Markdownプレビューについて

エディタでMarkdownを書くと、レンダリングされたHTMLが即座に更新されます。見出し、リスト、リンク、太字/斜体、コードブロックに対応。生成したHTMLをコピーまたはダウンロードして他の場所で利用できます。

このツールについて

入力しながら整形されたHTMLをレンダリングするライブMarkdownエディタです。ドキュメントやREADMEファイル、メモをMarkdownで書きながら見た目を即座に確認し、結果をHTMLとしてエクスポートできます。

使い方

  1. 左側のパネルにMarkdownテキストを入力または貼り付けます。
  2. 右側で整形されたプレビューが即座に更新されるのを確認します。
  3. 「HTMLをコピー」でレンダリングされたHTMLをクリップボードにコピー、または「HTMLをダウンロード」でファイルとして保存できます。
  4. 「サンプル」をクリックするとサンプルのMarkdownが読み込まれ、対応する構文を確認できます。

主な用途

使いこなすヒント

よくある質問

プレビューが対応しているMarkdown構文は何ですか？

CommonMarkの中核構文に対応：見出し、太字/斜体、順序付き・順序なしリスト、リンク、画像、ブロッククォート、コードブロック——一般的なREADMEやドキュメントに必要なすべてです。

これを使ってGitHubのREADMEを作成前にプレビューできますか？

はい。エディタでREADME.mdのコンテンツを下書きして、リアルタイムプレビューで整形を確認し、リポジトリに貼り付ける前にすべてが正しく見えることを確認できます。

このツールからレンダリング結果を取り出すにはどうしますか？

「HTMLをコピー」をクリックしてレンダリングされたマークアップをクリップボードにコピーするか、「HTMLをダウンロード」をクリックして、スタンドアロンファイルとして保存または埋め込みできます。

テーブルと構文強調付きコードブロックに対応していますか？

CommonMarkの中核構文は確実に対応していますが、テーブルや構文強調などの拡張機能は基になるレンダラーに依存しています。「サンプル」をクリックして、正確にどの構文が対応しているか確認してください。

Markdownコンテンツはサーバーにアップロードされますか？

いいえ。レンダリングはブラウザ内で完全に行われます。テキストはサーバーに送信されないため、未発表のドキュメントや個人的なメモを安全に下書きできます。

Markdownを書きながらHTMLのライブプレビューを確認できます。生成したHTMLは無料でコピー・ダウンロード可能、登録不要です。