GitHub 形式の Markdown: 表、タスクリスト、取り消し線、コードブロック編集・分割・プレビューの3モード太字、リンク、コード、リスト、引用、表のツールバー語数・文字数・行数と読了時間 HTML のコピー、.md とスタイル付き単体 .html のダウンロード

Markdown プレビュー - オンライン Markdown エディター

Markdown とは？

Markdown は、見出しに #、太字に **、リストに - といった普通の文字を使う軽量マークアップ言語で、表示する前のテキストでも読みやすいのが特長です。README ファイル、GitHub の Issue、ドキュメントサイト、メモアプリ、多くのブログで標準的に使われています。このエディターは表・タスクリスト・取り消し線・コードブロックが使える GitHub 形式の Markdown に対応し、入力に合わせて HTML を表示します。

機能

• GitHub 形式の Markdown: 表、タスクリスト、取り消し線、コードブロック
• 編集・分割・プレビューの3モード
• 太字、リンク、コード、リスト、引用、表のツールバー
• 語数・文字数・行数と読了時間
• HTML のコピー、.md とスタイル付き単体 .html のダウンロード

プライバシー重視

テキストはブラウザ内でレンダリングされ、アップロードされることはありません。プレビューではスクリプト、イベントハンドラー、javascript: リンクを除去するため、貼り付けた HTML がページ上でコードを実行することはありません。

安全なプレビュー、100% クライアントサイド。

Markdown プレビューの使い方

1
エディターに Markdown を入力するか貼り付けます。右側のプレビューは入力に合わせて更新され、見出し、リスト、表、コードブロック、タスクリストを表示します。
2
ツールバーで太字、斜体、見出し、リンク、コード、リスト、引用、表、水平線を挿入できます。先にテキストを選択すると、その部分を囲みます。
3
編集・分割・プレビューの各モードを切り替えます。GitHub のコメントのように単一の改行も反映させたい場合は「改行を <br> にする」をオンにします。
4
生成された HTML をコピーするか、.md または基本的なスタイル付きの単体 .html ファイルとしてダウンロードします。どのブラウザでも開けます。

活用例

README の作成

GitHub や GitLab のリポジトリ用 README を書き、コミット前に表、コードブロック、チェックリストが正しく表示されるか確認できます。

ドキュメントやメモ

技術メモ、議事録、運用手順書を Markdown で書けば、テキストのままでも読みやすく、Notion、Obsidian、Confluence でも使えます。

Issue やプルリクエストの説明

手順、コード片、タスクリストを含む長いバグ報告を準備し、プレビューで確認してから Issue トラッカーに貼り付けます。

Markdown を HTML に変換

静的サイトジェネレーターを入れなくても、Markdown の記事を CMS、メールマガジン、静的ページ用のきれいな HTML に変換できます。

よくある質問

どの Markdown 方言に対応していますか？+

GitHub Flavored Markdown（GFM）です。標準の CommonMark に加え、表、タスクリスト、~~テキスト~~ の取り消し線、コードブロック、自動リンクに対応します。

Markdown の中で HTML は使えますか？+

はい、Markdown は HTML をそのまま書けます。安全のため、プレビューではスクリプト、iframe、onclick などのイベントハンドラー、javascript: リンクを除去するので、貼り付けた内容がこのページでコードを実行することはありません。

1回の改行で改行されないのはなぜ？+

標準の Markdown では単一の改行はスペースとして扱われ、空行で新しい段落になります。「改行を <br> にする」をオンにするか、行末にスペースを2つ入れると改行されます。

テキストは保存されますか？+

いいえ。エディターはブラウザ内で動作し、何もアップロードされません。保存したい場合は .md ファイルをダウンロードしてください。