本文へ移動

§09-08Forms

Markdown editor (split/preview)

Markdown を書きながら結果を並べて確認する。

記法の結果をすぐ確かめられ、書き上がりの不安が減る。ドキュメントや記事の執筆で、記法に慣れていない人にも書いてもらうときに向く。

実装のポイント

プレビューは Markdown パーサーで生成し、HTML はサニタイズしてから描画する。分割表示ではスクロール位置を同期すると対応箇所を追いやすい。

特徴
  • 状態管理