オンラインMarkdownエディタ - リアルタイムプレビュー、Mermaid、PDFエクスポート

リアルタイムプレビュー、Mermaidダイアグラム、自動保存に対応したオンラインMarkdownエディタ。美しく装飾されたPDFエクスポートもすべてブラウザ上で安全に完結します。無料。

クリックでシアターモード

ハロー Markdown

テンプレートハブ

下書きを自動保存しました

使い方

  1. エディタにMarkdownを記述します。
  2. プレビューペインやアウトラインを活用して、ドキュメントの構造を確認します。
  3. 表(テーブル)、Mermaidダイアグラム、議事録などのテンプレートを必要に応じて挿入します。
  4. **「PDF出力」「HTMLコピー」「.mdダウンロード」**などのボタンから、成果物をエクスポートします。

主な機能

  • リアルタイムプレビュー:Markdownを記述しながら、レンダリングされたHTMLをその場で確認できます。
  • Mermaid対応:テキスト構文から直接 Mermaid ダイアグラムをレンダリングします。
  • PDFエクスポート:共有や印刷用に、美しくデザインされた PDF をエクスポートできます。
  • HTMLコピー:CMSやドキュメントに貼り付けられるよう、生成された HTML ソースコードをコピーできます。
  • 自動保存:作成中の下書きはお使いのブラウザ内に自動的に保存されるため、データの喪失を防げます。
  • プライバシー保護:ブラウザ内ローカルストレージを利用し、ファイルを一切アップロードせずに安全に執筆できます。

関連ツール

計算ロジック

  • Markdownのレンダリングには marked などの信頼性の高いパーサーを使用しています。
  • タイポグラフィスタイル(prose)を適用し、読みやすさを向上させています。
  • PDFエクスポートは、印刷用CSS(print CSS)とブラウザの window.print() 機能を利用して実装されています。

よくある質問

  • 無料で使用できますか?
    • はい、すべての機能を制限なく無料でご利用いただけます。
  • ドキュメントはサーバーにアップロードされますか?
    • いいえ。ローカル自動保存機能により、作成した内容はすべてお使い of ブラウザ内にのみ留まります。
  • Markdownを美しいPDFにエクスポートするには?
    • **「PDFエクスポート」**ボタンをクリックするだけで、印刷用に最適化されたきれいなレイアウトでPDF出力が可能です。
  • ブラウザでのPDFエクスポートはどのように動作しますか?(技術的要因)
    • エディタが適用した印刷用CSSを用いてHTMLをレンダリングし、ブラウザ標準のPDF保存機能を使用するため、ご使用のブラウザによって表示がわずかに異なる場合があります。
  • Mermaidに対応していますか?
    • はい。Markdown内にMermaidの構文を直接記述して、図表をレンダリングさせることができます。