Realtime Markdown Editor

左側で Markdown を編集すると、右側に GitHub 風スタイルのプレビューが反映されます。

機能

  • リアルタイムプレビュー
  • CodeMirror による Tree-sitter 風の構文色付け
  • CSS を適用した HTML / PDF 出力
  • Markdown 内の HTML 記述
  • コードブロックのテーマ切り替え
const message: string = "Hello Markdown"
console.log(message)

設定からフォント・コードテーマ・出力用CSSを変更できます。