Markdownエディター - ライブプレビュー、HTMLとMarkdownのエクスポート

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

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

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

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

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

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

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

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

Try sample fills the editor with a short demo document showing headings, bold/italic text, a table and a code fence, so you can see the live preview working before pasting your own content. Hit Clear at any time to wipe the editor back to an empty document and start fresh.

Switch to Split view so you can see the live HTML preview while you type, use Try sample first if you want a reference for table and code-fence syntax, then once it looks right hit Download .html for the rendered page or Download .md to keep the source for version control. Both exports come from the same content, so you never have to render twice.

Yes — the upload area and file picker accept .txt and text/plain files alongside .md and .markdown, so a plain-text draft loads straight into the editor without renaming the extension first. Any Markdown syntax already in the file (headings, lists, links and so on) still renders normally in the preview once it's loaded.