📄

Markdown プレビュー

エディタで Markdown を書き、レンダリングされた HTML プレビューを並べてリアルタイムに確認できます。見出し、コードブロック、表、引用ブロックなどに対応。

テキストツール ローカルで実行 データは送信されません
markdown プレビュー エディタ html ライブ
0文字 ڔ0単語
Markdown
プレビュー
📝 入力を開始するとプレビューが表示されます

Markdown プレビューとは?

Markdownで書くと、レンダリングされたプレビューが即座に表示されます。GFMテーブル、タスクリスト、フェンス付きコードブロック、手軽なHTMLエクスポートに対応しています。

Markdown プレビューの使い方

  1. Markdownをエディタに貼り付けるか入力します。
  2. 編集に合わせて整形されたプレビューが更新されるのを確認します。
  3. 公開前に見出し、リスト、テーブル、リンク、コードブロックを確認してください。
  4. 完了したらMarkdownをコピーするか、レンダリングされたHTMLをエクスポートします。
Markdownのレンダリングを理解する ▾
例
入力 # こんにちは **太字** と _斜体_ テキスト。
出力 <h1>こんにちは</h1><p><strong>太字</strong> と <em>斜体</em> テキスト。</p>
一般的な使用例
  • コミット前に README の変更をプレビュー
  • ドキュメントやブログ記事の Markdown フォーマットを確認
  • 技術コンテンツのコードフェンスとテーブルを検査
  • Markdown ソースからクリーンな HTML 出力をコピー
よくある質問
GitHub Flavored Markdown(GFM)に対応していますか?

はい。テーブル、タスクリスト(- [x])、構文情報付きのフェンス付きコードブロック、取り消し線に対応しています。

レンダリングされた HTML をエクスポートできますか?

はい。"Copy HTML" ボタンを使用して、レンダリングされた HTML ソースをクリップボードにコピーします。

marked.js

このツールは、GitHub Flavored Markdown(GFM)をレンダリングするように設定された marked.js ライブラリを使用しています。GFM は CommonMark を拡張し、テーブル、取り消し線、タスクリスト、自動リンクをサポートします。

HTML をコピー

はい。Copy HTML をクリックしてレンダリングされた HTML をクリップボードにコピーするか、Export HTML をクリックして基本的なスタイルを含む単体の HTML ファイルをダウンロードします。