Markdown入力

ライブプレビュー

Markdownエディターとは?

Markdownをライブプレビュー付きで編集したいですか?Markdownエディターは、左側でMarkdownを書きながら右側でレンダリングされたHTMLプレビューを確認できる分割画面ビューを提供します。ドキュメント・ブログ記事・READMEファイルを即時の視覚フィードバックとともに作成するのに最適です。

CommonMarkによると、Markdownは読み書きしやすい軽量マークアップ言語です。当エディターはリアルタイムプレビューを提供するため、MarkdownがHTMLとしてレンダリングされたときの見た目を正確に確認できます。

すべてはブラウザ内で処理されます。MarkdownはあなたのPCから外に出ることはありません。ファイルをすぐに編集・プレビュー・ダウンロードできます。Markdown構文の総合ガイドはMarkdown Guideをご覧ください。

Markdownエディターの使い方

ライブプレビュー付きでMarkdownを編集するための手順です。各ステップはこのページの実際のボタンとパネルを使用します。

1

貼り付け・アップロード・サンプルの読み込み

左側のMarkdown入力パネルにMarkdownを入力するか、アップロードをクリックして.mdファイルを読み込みます。サンプルをクリックするとサブスクライバーAPIドキュメントのサンプルが表示されます。例:

# サブスクライバーAPI

## サブスクライバーを取得
サブスクライバーのプランとデータ使用量を返します。

- **subscriberId** – 一意のID
- **plan** – 現在のプラン名
- **dataUsage** – 今サイクルで使用したGB数
2

ライブプレビューを確認する

右側のライブプレビューパネルがMarkdownをリアルタイムでHTMLとしてレンダリングします。入力するたびに自動更新されます。ドキュメント・README・あらゆるMarkdownコンテンツに活用できます。

3

ダウンロードまたはコピー

MDをダウンロードでMarkdownを保存、またはHTMLをコピー/HTMLをダウンロードでレンダリング済み出力を取得できます。クリアで白紙から始められます。すべての処理はブラウザ内で実行されます。

実際の活用シーン

ドキュメント作成

ライブプレビュー付きでMarkdownドキュメントを書いて編集できます。READMEファイル・APIドキュメント・技術文書に最適です。

ブログ記事

Markdownでブログ記事をインスタントプレビュー付きで作成できます。公開前にコンテンツがどのように見えるかを正確に確認できます。

コンテンツ作成

視覚フィードバック付きでMarkdownコンテンツを作成できます。記事・ガイド・あらゆるMarkdownコンテンツの執筆に最適です。

開発

プロジェクトのMarkdownファイルをライブプレビュー付きで編集できます。ドキュメントやREADMEを書きながら変更を即座に確認できます。

よくある質問

Markdownデータは保存されますか?

いいえ。すべてはブラウザ内で処理されます。MarkdownはあなたのPCから外に出ることはなく、私たちが見ることもありません。

どのMarkdown機能がサポートされていますか?

見出し・リスト・リンク・画像・コードブロック・テーブルなど、標準のMarkdown構文をサポートしています。CommonMark仕様に従っています。

HTMLをエクスポートできますか?

はい!「HTMLをコピー」をクリックするとレンダリングされたHTMLがクリップボードにコピーされ、「HTMLをダウンロード」でHTMLファイルとして保存できます。詳細はGitHub Flavored Markdownをご覧ください。

プレビューは自動的に更新されますか?

はい!入力するたびにリアルタイムでプレビューが更新されます。ボタンを押さなくても変更が即座に反映されます。

Markdownファイルをアップロードできますか?

はい!「アップロード」をクリックしてMarkdownファイル(.mdまたは.markdown)を読み込めます。ファイルの内容がエディターに表示され、プレビューが自動的に更新されます。

レンダリングされたHTMLは有効なHTMLですか?

はい!レンダリングされたHTMLはHTML5標準に準拠した有効なHTMLです。あらゆるブラウザやHTMLパーサーで動作します。

役立つその他のMarkdownツール

編集はMarkdown作業の一つに過ぎません。組み合わせて使えるその他のツールをご紹介します: