技術リファレンス&アーキテクチャガイド

リアルタイム分屏 Markdown エディター チートシート — リファレンスガイド

GitHub Flavored Markdown (GFM) リアルタイムプレビュー、目次自動生成、構文ハイライト、HTML / PDF 出力に対応した完全クライアントサイド Markdown 編集ツール。

主要パラメータ&設定項目

markdownSourcestring

エディターペインに入力または貼り付けられた生の Markdown 文書文字列。

初期値: Auto
splitModestring

表示レイアウト設定:分屏(スプリット)、エディターのみ、プレビューのみ。

初期値: split
autoSaveboolean

ブラウザ再読込時のデータ消失を防ぐため、文書変更をローカルストレージに自動保存します。

初期値: true
showTocboolean

h1〜h6 の見出しを解析し、インタラクティブな階層目次(TOC)を自動生成します。

初期値: true

プロの活用テクニック&推奨設定

分屏同期スクロールの活用

長文の仕様書やブログ記事を推敲する際は、同期スクロールを有効にして編集行とプレビュー描画位置を常に一致させておくことで作業効率が向上します。

ブラウザ標準印刷機能による高品位 PDF 出力

Ctrl+P(Mac は Cmd+P)を押すと印刷用メディアクエリが自動適用され、ツールバーを除外した高コントラストで美しい PDF を生成できます。

GFM タスクリスト記法によるToDo管理

'- [ ] ' および '- [x] ' 記法を用いることで、プレビュー画面上にインタラクティブなチェックボックスを即時レンダリング可能です。

よくあるトラブルと解決策

Markdown の表(テーブル)がプレビューで枠線描画されない

テーブルの直前に必ず空行を 1 行挿入し、ヘッダー区切り行に 3 つ以上のハイフン(| --- | --- |)が含まれているか確認してください。

エクスポートした HTML でコードハイライトの色が消える

スタイルシートがインライン同梱された「完全なスタンドアロン HTML5 出力」を選択してダウンロードしてください。

よくある質問 (FAQ)

オンライン Markdown エディターのデータ秘匿性はどのように保証されていますか?▼

すべての字句解析、構文木生成、HTML レンダリングはブラウザ内部の JavaScript で 100% 完結します。テレメトリや外部サーバー通信は一切なく、個人の機密メモや API ドキュメントが漏洩することはありません。

分屏プレビューのレスポンスが極めて高速な理由は何ですか?▼

重い外部正規表現ライブラリに依存せず、軽量な独自 GFM コンパイラを採用しているためです。数千行のテキストでも 1ms 未満で差分レンダリングされ、入力遅延が一切発生しません。

Markdown を HTML や PDF にエクスポートするにはどうすればよいですか?▼

「HTML 形式で出力」をクリックすると完全な単一 HTML5 ファイルを保存できます。「印刷 / PDF 保存」または Ctrl+P を押すことで印刷用スタイルが適用された綺麗な PDF を書き出せます。

誤ってタブを閉じたりリロードしても文書は復元されますか?▼

はい。文書はブラウザの localStorage にリアルタイム自動同期されているため、次回アクセス時にそのまま作業を再開できます。

関連するおすすめ開発ツール

すべてのツール →