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

Markdownを書きながら、ライブHTMLプレビューを並べて見てみましょう。見出し、リスト、表、コードフェンス、ブロッククォート、リンク、画像をサポートしています。HTMLをコピーするか、どちらの形式でもダウンロードしてください。

割引

プレビュー

Hello, Pixoate

A markdown editor — type to see live HTML on the right.

  • Headings, bold, _italic_, inline code
  • Links, lists, blockquotes, code fences
Quoted text looks like this.
function greet(name) { return `Hello, ${name}!` }

マークダウンについて

Markdownは、プレーンテキストとして読みやすく、HTMLに変換可能である軽量なマークアップ言語です。このエディタはCommonMarkスタイルの見出し、強調、リスト、リンク、画像、ブロッククォート、フェンスコードブロック、GitHub風のパイプテーブルをサポートしています。レンダリングはローカルで行われ、ドキュメントはブラウザから離れません。

Frequently Asked Questions

このエディターはCommonMarkの見出し、強調、リスト、リンク、画像、ブロッククォート、フェンスコードブロック、GitHub風のパイプテーブルをサポートしています。README、ブログ投稿、課題、プルリクエストの説明、技術文書に必要なすべてがカバーされています。

features

はい。レンダリングしたHTMLを直接クリップボードにコピーし、どのブラウザでも使える.htmlファイルをダウンロードするか、元の.mdファイルをバージョン管理用に保存してください。レンダリングするたびに、両方のフォーマットで同じコンテンツが利用可能です。

features

はい。ライブプレビューでは、GitHub風のテーブルを適切な位置合わせでレンダリングし、単幅タイポグラフィで囲まれたコードブロックや画像をURLや相対パスで表示します。これはMarkdown公開時に見られるまさにそのものです。

features

いいえ。解析とレンダリングはマシンのローカルで行われるため、内部ドキュメントや下書きのブログ記事、プライベートノートはタブから離れません。ページを閉じても何も保持されません。

privacy

GitHubはCommonMarkの上にタスクリスト、脚注、発行番号の自動リンクなどの拡張機能を追加しています。エディターは広くサポートされているサブセットに限定されているため、ここでレンダリングされるものはGitHub、GitLab、Reddit、そしてほとんどの静的サイトジェネレーターでもレンダリングされます。

compatibility

はい。入力エリアに.mdまたは.markdownファイルを置くと、内容がエディターに読み込まれてさらに編集し、終わったらHTMLやMarkDownとして再エクスポートする準備をします。

usage

Use Cases

GitHubプロジェクト用のREADMEファイルを書く

ドラフト README.md、CONTRIBUTING.md、CHANGELOG.md ファイルをライブプレビューで、コミット前にGitHub、GitLab、npmが表示する通りにレンダリングします

technical

ジキル、ヒューゴ、ゴーストのためのブログ記事の草稿

Markdownでブログ記事を書き、ブラウザを離れたりデスクトップエディタをインストールしたりせずに、Jekyll、Hugo、Eleveny、Ghostにすぐに取り込めます

creative

会議記録および内部文書

見出し、弾条書き、コードブロック付きの構造化された会議ノートを作成し、レンダリングしたHTMLを直接Confluence、Notion、またはCodaに貼り付けます

business

Compose Issue & Pull Request 説明

マークアップのレンダリングを推測する代わりに、GitHubの課題説明、プルリクエストテンプレート、Jiraチケットを実際のプレビューペインで長く作成してください

technical

著者技術文書

内部ランブック、APIリファレンス、SDKガイドをコードフェンス、表、リンクで作成し、静的なサイトジェネレーターやナレッジベース用にHTMLにエクスポートします

technical

ノートを公開用のきれいなHTMLに変換する

ラフノートを貼り付け、Markdownでフォーマットし、レンダリングしたHTMLを手動スタイリングなしで直接CMS、メールクライアント、LinkedInの記事にコピーします

web