テキスト

Markdown エディタ

Typora のような WYSIWYG（見たままを編集する）Markdown エディタです。Markdown を打つとその場で書式が反映されるので、別の生テキスト欄を同期させる必要がありません。見出し、太字・斜体、打ち消し線、インラインコードとフェンスコード、引用、表、タスクリスト、リンク、画像に対応し、さらに KaTeX による数式をインラインでも独立ブロックでも書けます。新しい行で「/」を入力するとブロックメニューが開き、テキストを選択するとインラインツールバーが出るので、書式付けが速く進みます。GitHub、Vue、Notion、Nord、Dracula、One Dark、Tokyo Night、暖色の DevKitLab など 14 種のテーマからいつでも選べます。下書きは localStorage でこのブラウザに保存され、Markdown はいつでもコピー・エクスポートできます。すべてローカルで動作し、サーバーには何も送信されません。

  • インライン WYSIWYG：打つそばから書式が反映され、生テキストとプレビューの二画面を管理する必要なし
  • 完全な Markdown：見出し、太字、斜体、打ち消し線、コード、引用、表、タスクリスト、リンク、画像
  • KaTeX 数式をインライン（$…$）と独立ブロック（$$…$$）でライブ表示
  • 切り替え可能な 14 テーマ（GitHub、Vue、Notion、Nord、Dracula、One Dark、Tokyo Night など）、ライトとダーク
  • ローカル優先：下書きはブラウザに保存され、Markdown はいつでもコピー・エクスポート可能、アップロードなし
tools / Markdown エディタ
エディタを読み込み中…

概要

構文と格闘するのではなく、書くことに集中するためのインライン Markdown エディタです。書式は打つそばから反映され、よく使う構造にはショートカットがあり、出力は常にコピー・エクスポートできるきれいな Markdown です。すべてブラウザ内で動作します。

  1. 01

    インライン WYSIWYG

    Markdown はその場で書式化されます。見出しは見出しに、**太字**は太字になり、構文ではなく文書そのものを読みながら、下では標準の Markdown を生成します。

  2. 02

    完全な Markdown 対応

    見出し、太字、斜体、打ち消し線、インラインとフェンスのコード、順序付き・箇条書きリスト、タスクリスト、表、リンク、画像に対応し、CommonMark と GitHub 風拡張に従います。

  3. 03

    KaTeX 数式

    ドル記号 1 つでインライン数式、2 つで独立した数式を書け、どちらも KaTeX でライブ表示されます。ノート、論文、技術文書に向いています。

  4. 04

    ブロックメニューと選択ツールバー

    新しい行でスラッシュを入力すると見出し、リスト、表、コードブロック、数式を挿入でき、テキストを選択すると小さなツールバーからインライン書式を適用できます。生の構文を覚える必要はほとんどありません。

  5. 05

    切り替え可能な 14 テーマ

    GitHub、Vue、Notion、Newsprint、Solarized、学術 serif、Nord、Dracula、One Dark、Tokyo Night、暖色の DevKitLab デフォルトなど、ライトとダークから選べます。選択は記憶されます。

  6. 06

    ローカル優先でエクスポート可能

    下書きは localStorage でブラウザに保存され、Markdown のコピーや .md ファイルのダウンロードがいつでもできます。サーバーには何も送信されません。

使い方

一般的な流れは、書き始める、構造はスラッシュメニュー、テーマを選ぶ、Markdown をコピーまたはエクスポートする、というものです。

  1. 01

    エディタに入力を始めます。Markdown は打つそばから書式化され、たとえば ## で見出し、- でリストがすぐに反映されます。

  2. 02

    新しい行でスラッシュを入力してブロックメニューを開き、表、コードブロック、引用、画像、数式ブロックを挿入します。

  3. 03

    テキストを選択するとインラインツールバーが出て、太字・斜体・打ち消し線・コード・リンクを適用できます。Markdown 記法を直接打っても構いません。

  4. 04

    ドル記号 1 つでインライン、2 つで独立数式を書くと、KaTeX がライブ表示します。

  5. 05

    下部のセレクターでテーマ（ライトまたはダーク）を選びます。選択は次回のために保存されます。

  6. 06

    書き終えたら Markdown をクリップボードにコピーするか .md ファイルをダウンロードします。下書きはブラウザにも保存されます。

詳細

Markdown を書くときの日常的な手間——生テキストとプレビューの切り替え、表の構文を思い出すこと、数式を表示させること——はインラインで解決され、サーバーを往復しません。

  • インライン表示なので、生テキスト欄とプレビュー欄ではなく、読み書きできる一枚の面になります。
  • CommonMark に加え、GitHub 風の表、タスクリスト、打ち消し線に標準対応します。
  • KaTeX が入力中にインラインと独立の数式をライブ表示します。
  • スラッシュのブロックメニューと選択ツールバーで、構造もインライン書式も素早く扱えます。
  • コードブロックはシンタックスハイライト付きで、文書内で直接編集できます。
  • 14 のライト・ダークテーマをいつでも切り替えられ、再訪時にも記憶されます。
  • 下書きは localStorage でブラウザに保存され、再読み込みしても作業が消えません。
  • 必要なときに Markdown をコピーしたり .md ファイルをエクスポートできます。
  • すべてブラウザ内のローカルで動作します。アカウント不要、アップロードなし、サーバー処理なしです。

活用シーン

Markdown で書くときはいつでも、インラインエディタが構文の負担を取り除き、内容に集中させてくれます。

  1. README やドキュメントの下書き

    ライブ書式でプロジェクトの README やドキュメントページを書き、Markdown をそのままリポジトリやドキュメントサイトに貼り付けます。

  2. 技術ノートを取る

    コードブロック、表、インライン表示の KaTeX 数式を含むノートを取り、数式やスニペットが書きながら明瞭に読めます。

  3. Issue や Pull Request を書く

    表やタスクリストで GitHub や GitLab の Issue・PR 説明を書き、Markdown をトラッカーに貼り付けます。

  4. ブログ記事を準備する

    静的サイトジェネレーターや CMS 向けに記事を下書きし、読みやすいテーマを選んで Markdown ファイルをエクスポートします。

  5. チェックリストや計画を作る

    タスクリストと見出しで計画やチェックリストを整理し、項目をまとめる間も書式が見えています。

  6. 雑多な考えをきれいな Markdown に

    粗いテキストを貼り付け、見出しとリストで視覚的に整理し、どの Markdown 対応ツールにも渡せる整った Markdown をコピーします。

関連情報

書いた内容の文字数・単語数・読了時間を数えたいときは、テキストをテキストカウンター に渡します。生 HTML や特殊文字を含む Markdown を埋め込む前にエスケープ・アンエスケープしたいときは、HTML エンコーダー・デコーダー を使います。見出しやタイトルを統一した英字ケースに揃えるには、ケース変換 で整えてから Markdown をここに戻してください。

使い方のヒント

インラインエディタは快適ですが、いくつかの習慣で生成される Markdown を移植しやすく予測可能に保てます。

  • 定期的にコピーまたはエクスポートしましょう。下書きはこのブラウザにのみ保存され、端末間で同期せず、サイトデータを消すと失われます。
  • 表や数式は出力先で確認しましょう。レンダラーによって挙動が異なり、複雑な表や数式は別の場所で微調整が要ることがあります。
  • コードブロックは言語タグ付きのフェンスにしておくと、Markdown がどこに行ってもハイライトとコピーが安定します。
  • 画像は出力先でリンクや添付として扱いましょう。本ツールは貼り付けや埋め込んだ画像をどこにもアップロードしません。
  • テーマは読みやすさで選んで構いませんが、テーマはここでの編集用で、エクスポートした Markdown には付いていきません。
  • 長い文書はブラウザの下書きだけに頼らず、バックアップとして .md ファイルをエクスポートしてください。

制限事項

エディタが何をしないかを知っておくと、完全な公開プラットフォームや文書保管庫と取り違えずに済みます。

  • クラウドストレージや同期サービスではありません。下書きは localStorage でこのブラウザにのみ保存され、バックアップも共有もされません。
  • PDF への書き出しや画像アップロードは行いません。エクスポートは Markdown ソースで、画像はあなたが与えたリンクやデータのままです。
  • 数式は KaTeX で表示され、ほとんどの LaTeX 数式を扱えますが、LaTeX 言語全体や文書クラスには対応しません。
  • CommonMark と一般的な GitHub 拡張を対象とし、非常にニッチな Markdown 方言や生 HTML は完全には往復しないことがあります。
  • 単一文書のエディタであり、複数ファイルのワークスペース、wiki、バージョン管理システムではありません。
  • 処理はローカルで完結しますが、ローカルの安全性は端末、ブラウザ拡張、エクスポートしたテキストの貼り付け先に依存します。

よくある質問

よくある質問は、編集のしくみ、数式、テーマ、下書きの保存先、アップロードの有無を扱います。

これは Typora のような WYSIWYG エディタですか？

はい。Markdown は打つそばから書式化され、生テキスト欄とプレビューではなく、レンダリングされた文書を編集します。下では標準の Markdown のままで、いつでもコピー・エクスポートできます。

数式はどう書きますか？

インライン数式はドル記号 1 つ（例： $E = mc^2$）、独立した数式はそれだけの行にドル記号 2 つで書きます。どちらも KaTeX でライブ表示され、一般的な LaTeX 数式の多くに対応します。

テーマはいくつあり、記憶されますか？

ライト 7・ダーク 7 の計 14 種で、GitHub、Vue、Notion、Newsprint、Solarized、Academic、Nord、Dracula、One Dark、Tokyo Night、暖色の DevKitLab デフォルトを含みます。選択はブラウザに保存され、次回も使われます。

文書はどこに保存されますか？

下書きは localStorage でこのブラウザにローカル保存されます。アップロード・同期・共有はされないので、別の場所で使う場合やバックアップには Markdown をコピーするか .md ファイルをエクスポートしてください。

生の Markdown を取り出せますか？

はい。「Markdown をコピー」でソースをクリップボードに、「ダウンロード」で .md ファイルに保存できます。出力は他のエディタやレンダラーが理解する標準 Markdown です。

表やタスクリストに対応していますか？

はい。表、タスクリスト（チェックボックス）、打ち消し線などの GitHub 風拡張を標準 CommonMark とともにサポートし、スラッシュのブロックメニューから表を挿入できます。

内容はどこかにアップロードされますか？

いいえ。編集、テーマ、数式表示、コピー、エクスポートはすべてブラウザのタブ内で行われます。サーバーには何も送信されないため、非公開のノートや未公開の下書きでも安全です。

関連ツール

テキストツールを続けて使えます。書いた内容を集計・分析する、HTML 用にエスケープする、英字の大文字小文字を変える。下のツールは Markdown 執筆と相性が良いです。