Markdownエディターの結果プレビュー

Markdown Editor — ライブ プレビューを備えた無料のオンライン Markdown エディター

Markdown を作成するか開いて、ライブ HTML プレビューを確認し、ブラウザーで HTML または Markdown としてエクスポートします。

ここに Markdown を書くか貼り付けます - レンダリングされた HTML をすぐに確認できます

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

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

始める前に、主な機能を確認してください。

  • ライブ HTML プレビューを使用して Markdown を作成する
  • 入力時に見出し、リスト、表の書式を設定します
  • コードブロックとブロック引用符を簡単に追加
  • 書いたものをきれいな HTML にエクスポートします
  • ドキュメントを Markdown ファイルとしてダウンロードする
  • README ファイルとドキュメントの草案

設定リファレンス

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 Editor は完全にブラウザ内で実行されるため、貼り付けた内容が使用しているマシンから離れることはありません。トークン、キー、または顧客データを含むものをチェックする場合、これは重要です。タブを閉じるだけでクリアできます。

troubleshooting

プレーンテキストフィールドに貼り付けると、太字、斜体、およびスタイルが設計上削除され、文字だけが残ります。重要なのはテキスト自体に取り組むことなので、通常はこれが必要です。スタイル設定されたオリジナルを独自のアプリで開いたままにし、処理されたテキストをペーストし直した後で書式設定を再適用します。

troubleshooting

どちらもいいえ。 Markdown Editor は無料で、ダウンロードにはウォーターマークは含まれず、最後には何も求められません。作業を終えてから費用がかかることが判明するという流れでは意味がありません。

pricing

いいえ。Markdown 編集または はデスクトップとスマートフォンのブラウザで使えます。インストール、トライアル開始、ライセンス購入は不要です。必要な機能かどうかは、サンプルではなく実際に困っているファイルでお試しください。

troubleshooting

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にコピーしましょう。

変換結果を一つずつ確認

すべての写真はスラッシュをそのまま通過し、反対側が完成して出てきます。