See your Markdown rendered as you type

Stop guessing how your README will render. Write or open any .md file, watch the live HTML preview update instantly, then export as HTML or Markdown. Editing stays in your browser.

# Title**bold**- item- itemTitle

Write or paste your Markdown here — see rendered HTML instantly

または .md / .markdown ファイルをドロップ

What you can do with Markdownエディター

Everything this tool helps you accomplish — no learning curve, no setup.

  • Write Markdown with live HTML preview
  • Format headings, lists and tables as you type
  • Add code blocks and blockquotes with ease
  • Export your writing to clean HTML
  • Download your document as a Markdown file
  • Draft README files and documentation

Settings information

Every control in Markdownエディター, explained — what it does and when to use it.

プレビュー

Markdown → Previewプリセット
作業画面を、Markdownエディターのみ、エディターとリアルタイムのプレビューを並べた表示(初期値)、プレビューのみで切り替えます。オプション: 編集分割プレビュー
Uploads are encrypted in transitRemoved under our retention policy

Markdownエディターが終わったら、次はこちらを

Markdownエディターと相性のよい厳選ツール。ファイルをそのままに、作業を続けられます。

すべてのツールを見る

よくある質問

このエディターは、CommonMarkの見出し、強調、リスト、リンク、画像、引用、コードブロック、GitHub風のパイプ表に対応しています。README、ブログ記事、Issue、プルリクエストの説明、技術ドキュメントに必要なものをすべて網羅します。

features

はい。レンダリングされたHTMLをそのままクリップボードにコピーしたり、どのブラウザでもすぐ使える.htmlファイルとしてダウンロードしたり、バージョン管理用に元の.mdファイルを保存したりできます。レンダリングするたびに、同じ内容を両方の形式で取得できます。

features

はい。ライブプレビューは、GitHub仕様の表を適切な配置で、囲み記号で示したコードブロックを等幅フォントで、画像をそのURLまたは相対パスでレンダリングします。これは、Markdownを公開したときに表示されるものとまったく同じです。

features

いいえ。解析とレンダリングはお使いのマシン上でローカルに行われるため、社内ドキュメント、ブログ記事の下書き、個人的なメモがタブの外に出ることはありません。ページを閉じれば何も残りません。

privacy

GitHubは、タスクリスト、脚注、Issue番号の自動リンクなど、CommonMarkに独自の拡張を加えています。このエディターは広くサポートされているサブセットに絞っているため、ここで表示されるものはGitHub、GitLab、Reddit、そしてほとんどの静的サイトジェネレーターでも同じように表示されます。

compatibility

はい。.mdまたは.markdownファイルを入力エリアにドロップすると、その内容がエディターに読み込まれてさらに編集でき、完了後はHTMLまたはMarkdownとして再び書き出せます。

usage

はい — .mdや.markdownファイルをエディターにドロップしてプレビューに切り替えると、何もインストールせずに読める整形済みのHTMLとして表示されます。READMEやドキュメントをブラウザ上ですぐ確認できる、手軽なmdビューアー / レンダラーとして使えます。

usage

はい — 編集・分割・プレビューを切り替えられます。分割はMarkdownとライブHTMLを左右に並べて表示し、編集は全幅の入力ペインを与え、プレビューは完成した文書を余計なものなく読み取り専用で表示します。

features

「サンプルを試す」は、見出し、太字・斜体テキスト、表、コードフェンスを示す短いデモ文書でエディタを埋めるので、自分のコンテンツを貼り付ける前にライブプレビューの動作を確認できます。「クリア」をいつでも押せば、エディタを空の文書に戻して最初からやり直せます。

usage

「分割ビュー」に切り替えると、入力しながらHTMLのライブプレビューを確認できます。表やコードフェンスの構文の参考が欲しい場合はまず「サンプルを試す」を使い、良さそうに見えたら「.htmlをダウンロード」でレンダリング済みページを、「.mdをダウンロード」でバージョン管理用のソースを取得します。どちらの書き出しも同じ内容から生成されるため、2回レンダリングする必要はありません。

tips

はい。アップロードエリアとファイルピッカーは、.md や .markdown に加えて .txt や text/plain ファイルも受け付けるので、プレーンテキストの下書きが拡張子を変更することなくそのままエディターに読み込まれます。ファイルにすでにあるMarkdown構文(見出し、リスト、リンクなど)は、読み込み後もプレビューで通常どおりレンダリングされます。

usage

インストール不要 — このMarkdownエディタはWindows、macOS、Linuxのブラウザで動作します。ページを開いて文章を書くか.mdファイルをドロップすれば、ライブプレビューが即座に表示されます。ドキュメントがブラウザの外に出ることはないため、他人のパソコンを使うときのデスクトップ版Markdownエディタの代わりとしても便利です。

features

はい——README.mdを貼り付けるかドロップすると、見出し、リスト、コードブロック、リンク、画像、GitHub風のパイプテーブルがプレビューに反映され、コミットする前に書式の崩れに気づけます。ただし、GitHubはタスクリストのチェックボックスや見出しの自動アンカーなど、いくつかの独自機能を追加するため、ローカルのプレビューとは多少異なる場合がある点にご注意ください。

usage

Markdownエディターでできること

ビジネス、クリエイター、日々の作業で毎日役立つ、実際の課題を解決します。あなたに合う使い方を見つけて、数秒で始めましょう。

開発者向け

GitHubプロジェクト用のREADMEファイルの作成

README.md、CONTRIBUTING.md、CHANGELOG.mdをライブプレビューで作成。コミット前に、GitHub、GitLab、npmで表示されるのとまったく同じ見た目を確認できます

クリエイター向け

Jekyll、Hugo、Ghost向けのブログ記事を下書き

ブラウザから離れることもデスクトップエディタをインストールすることもなく、Jekyll・Hugo・Eleventy・Ghostにそのまま貼り付けられるMarkdownでブログ記事を書けます

ビジネス向け

議事録・社内文書

見出し、箇条書き、コードブロックを使って構造化された議事録を作成し、レンダリングされた HTML を Confluence、Notion、Coda にそのまま貼り付けられます

開発者向け

IssueやPull Requestの説明文を作成

GitHub の長い課題説明、プルリクエストのテンプレート、Jira チケットを、マークアップの表示結果を推測することなく、実際のプレビューペインで作成できます

開発者向け

技術文書を作成

コードブロック・表・リンクを使って社内のランブック・APIリファレンス・SDKガイドを書き、静的サイトジェネレーターやナレッジベース向けにHTMLとしてエクスポートできます

Web・SEO

メモを公開用のクリーンなHTMLに変換

走り書きのメモを貼り付けて Markdown として整形し、レンダリングされた HTML を手作業のスタイル付けなしで CMS やメールソフト、LinkedIn の記事にそのままコピーできます

生産性

.txtのメモ書きを整形されたHTMLに変換

プレーンな.txtファイルをそのままエディターにドロップできます。.mdや.markdownと並んで受け付けられます。見出しやリストを追加し、事前にファイル名を手動で変更したり変換したりすることなく、きれいなHTMLを書き出せます。

リサーチ

研究ノートや実験レポートを構造化

研究メモを見出し、表、コードブロック(フェンス付き)で整え、.md のソースをデータと一緒にバージョン管理下に置きながら、レンダリング済みの HTML コピーを共同作業者と共有できます。

キャリア・人事

Markdownで履歴書とカバーレターを作成

見出しや箇条書きで履歴書やカバーレターを構造化し、書式をライブでプレビューして、きれいなHTMLを書き出せます。ATSのWebフォームや個人のポートフォリオサイトに貼り付けられます。

マーケティング

ニュースレター・Substackの下書きフォーマット

分割ビューで見出しやリンクを含むニュースレターをMarkdownで書き、どうレンダリングされるかを正確にプレビューして、各プラットフォームのリッチテキストエディターと格闘する代わりに、レンダリングされたHTMLをSubstack、ConvertKit、Mailchimpにコピーしましょう。