マークダウンエディタ:オンラインで書いてプレビュー | Morph

マークダウンエディタを使うと、`太字`や`# 見出し`、`- リスト`といったシンプルな記号だけでプレインテキストを書きながら、整形された出力としてきれいに表示できます。Markdownは、GitHubのREADME、ドキュメント、メモアプリ、数え切れないほどのブログで使われている記法です。入力が速く、生のテキストのままでも読みやすいからです。Morphのマークダウンエディタは、ブラウザ内に執筆用のペインとライブプレビューを左右に並べて表示します。

入力するとプレビューが即座に更新されるので、フォーマットがどう表示されるか常にひと目でわかります。レンダリング用のボタンを押す必要も、構文が合っているか推測する必要もありません。

対応機能

ブラウザでMarkdownを書く理由

Markdownの魅力は、速さと可搬性にあります。一度書けば、同じテキストがREADMEにも、静的サイトにも、チャットメッセージにも、メモアプリにも使えます。ブラウザ上のエディタなら、アプリをインストールしたり重いIDEを開いたりせずに、どのマシンからでもMarkdownを書いたり修正したりできます。タブを開いてテキストを貼り付ければ、フォーマットが正しいかどうかプレビューがすぐに教えてくれます。

プライバシーも守られます。下書きがブラウザの外に出ることはありません。アカウント登録も不要で、テキストはどこにもアップロードされません。社内向けの文書や未公開のリリースノートなど、どこかのWebサービスに貼り付けたくない内容を扱うときに便利です。すべての処理はお使いのマシン上でローカルに行われます。

書いたテキストを取り出す

書き終えたら、Markdownのソースをコピーして、GitHubやCMS、あるいは目的の場所に貼り付けられます。整形済みテキストが必要な場所には、レンダリングされた出力をコピーすることもできます。変換処理はブラウザ内で行われるため、コピーする内容はお使いの端末上で生成されます。サーバーとの通信も待ち時間もありません。

このエディタは、ほかの執筆ツールとも自然に組み合わせて使えます。文字数制限を確認するには文字数カウンターを、長めの文章を先に構成したいときはマインドマップメーカーで下書き前に構造を整理できます。マークダウンエディタは、フォーマットを常に確認しながら、気を散らされずに執筆そのものに集中できる場所です。

使い方

  1. エディタを開く — マークダウンエディタのページを開きます。執筆用ペインとライブプレビューペインがブラウザ内に即座に読み込まれます。登録は不要です。
  2. Markdownを書く、または貼り付ける — 編集ペインにMarkdownを入力するか、既存のMarkdownテキストを貼り付けます。入力に合わせてプレビューが更新されます。
  3. ライブプレビューを確認する — 見出し、リスト、リンク、コード、表がプレビューペインにリアルタイムで表示される様子を確認し、フォーマットが正しいかチェックします。
  4. フォーマットを調整する — 強調、リスト、コードブロック、表の構文を、プレビューが思い通りになるまで調整します。
  5. 出力をコピーする — GitHubやCMS向けにはMarkdownソースを、整形済みテキストが必要なアプリにはレンダリング結果をコピーします。すべてブラウザ内で生成されます。

よくある質問

このマークダウンエディタは無料ですか?

はい。アカウント登録不要で、ブラウザ内で無料でMarkdownを書いたりプレビューしたりできます。

テキストはサーバーにアップロードされますか?

いいえ。エディタはすべてクライアント側で動作します。下書きはお使いの端末のブラウザ内にとどまり、サーバーに送信されることはありません。

どのMarkdown機能に対応していますか?

見出し、太字、斜体、取り消し線、番号付き/箇条書きリスト、タスクのチェックボックス、リンク、画像、インラインコード、コードブロック、引用ブロック、表、水平線など、標準的なMarkdownに対応しています。

ソースだけでなく、整形済みの出力もコピーできますか?

はい。GitHubなどのツール向けに元のMarkdownソースをコピーすることも、整形済みテキストが必要な場所向けにレンダリング結果をコピーすることもできます。

プレビューはGitHubやブログの表示と完全に一致しますか?

プレビューは標準的なMarkdownのレンダリングに従っているため、一般的な表示先とほぼ一致します。プラットフォームによっては独自の拡張機能を追加している場合があるため、細かな部分は最終的な表示先で必ず確認してください。

関連ツール

マークダウンエディタ:オンラインで書いてプレビュー | Morphを開く →