article
無料アップロード不要

Markdownエディター

Markdownをリアルタイムで書いてプレビュー。HTMLにエクスポート。

Markdownソース

プレビュー

Hello, Markdown!



Write your markdown here and see the preview update live.


Features


  • Headings
  • Bold and italic
  • Links
  • inline code
  • Lists

console.log("Hello, World!");

使い方

1
upload_file

Markdown を入力または貼り付け

エディタに Markdown を入力するか、既存のコンテンツを貼り付けてください。ライブプレビューパネルで入力中の整形結果をリアルタイムで確認できます。

2
tune

プレビューして整形

編集モードとプレビューモードを切り替えられます。見出し、太字、斜体、コードブロック、表、リンク、画像、タスクリストに対応しています。

3
download

コピーまたはエクスポート

レンダリングされた HTML または生の Markdown をコピーしてください。README ファイル、ドキュメント、ブログ記事、フォーラム投稿など、Markdown ベースの執筆にご活用ください。

Markdownエディターとは?

MarkdownフォーマッターはGitHub Flavored MarkdownをリアルタイムにプレビューするサイドバイサイドHTMLプレビュー機能を備えたブラウザベースのエディタで、テーブル、タスクリスト、シンタックスハイライト付きのフェンスコードブロック、打ち消し線をサポートしています。GitHubやドキュメントプラットフォームでどのようにレンダリングされるかを確認するためにGitリポジトリにコミットすることなく、Markdownドキュメントを書いて確認するという問題を解決します。テクニカルライター、開発者、オープンソースコントリビューターがREADMEファイル、ドキュメントページ、Issueテンプレートの作成にこのMarkdownエディタを使用します。

なぜMarkdownエディターを使うのか?

GFM互換レンダラーを使用したリアルタイムのサイドバイサイドプレビューにより、テーブル、タスクリスト、コードブロックがGitHub、GitLab、ドキュメントプラットフォームでプッシュ前に正しく表示されることを確認でき、コミット・確認・修正という面倒なサイクルを防ぎます。GitHub Flavored Markdownを具体的にサポートすることで、プレビューは多くのエディタがレンダリングする基本的なCommonMarkではなく、READMEファイル、Wiki、プルリクエストの説明で使用される拡張構文を正確に反映します。ブラウザベースのツールはローカルセットアップが不要なため、開発ツールをインストールせずにドキュメントに貢献する必要があるテクニカルライターや非開発者にも即座に利用できます。

  • lock完全なプライバシーファイルはデバイスやブラウザから出ることはありません。
  • bolt即時処理待ち時間なし、サーバーキューなし、アップロード遅延なし。
  • money_off100%無料サブスクリプションなし、クレジットなし、隠れた料金なし。
  • person_off登録不要アカウント不要ですぐに使用開始。
  • devicesどこでも動作デスクトップ、タブレット、モバイルの最新ブラウザで動作。

仕組み

オープンソースのメンテナーはリポジトリにプッシュする前にMarkdownエディタで複雑なテーブルとバッジレイアウトを含むREADMEファイルを下書き・プレビューし、レンダリング後にのみ現れるテーブル列の配置問題を検出します。テクニカルライターはフェンスコードブロック付きのAPIドキュメントページを作成・フォーマットし、公開前に言語識別子が正しいシンタックスハイライトを生成することをライブプレビューで確認します。開発者はGFMタスクリスト構文を使用してGitHubのIssueテンプレートとプルリクエストの説明テンプレートを書き、テンプレートファイルをリポジトリにコミットする前にチェックボックスのレンダリングをプレビューします。

tips_and_updates

プロのヒント

GitHub Flavored Markdownはフェンスコードブロックとテーブルの前後に空白行が必要です。コードブロックやテーブルが周囲のテキストと続いて表示されておかしく見える場合は、それらの前後に空白行を追加するとほとんどの場合でレンダリングが修正されます。タスクリスト構文(- [ ]と- [x])を使用してGitHubプルリクエストの説明にインタラクティブなチェックリストを作成すると、チームメンバーはMarkdownソースを編集することなく直接チェックを入れられます。

よくある質問

プレビューはGitHub固有の拡張機能を処理するGFM互換レンダラーを使用しています。テーブル、タスクリストのチェックボックス、~~打ち消し線~~、言語識別子付きのフェンスコードブロック、自動リンクURLです。GitHubは内部でcmark-gfmライブラリを使用しているため、ネストされたリストのインデントルールや特定のテーブルの配置動作などのエッジケースでは微妙なレンダリングの差異が生じる可能性があります。プレビューは正確なプロキシですが、重要なドキュメントを公開する前に必ず実際のGitHubまたはGitLabインターフェースで最終確認を行ってください。

関連チュートリアル

menu_book

チュートリアル

Markdownエディターの使い方 – ステップバイステップガイド

arrow_forward

関連ツール