Markdownプレビューとは
Markdownプレビューは、Markdown記法で書かれたテキストをリアルタイムでHTMLとしてレンダリングし、 書きながらすぐに仕上がりを確認できるツールです。 左側のエディタにMarkdownを入力すると、右側にレンダリング結果が即座に表示されます。
GFM(GitHub Flavored Markdown)対応
GitHub Flavored Markdown(GFM)は、標準的なMarkdownを拡張した仕様です。 テーブル、タスクリスト、取り消し線、自動リンクなどの機能を追加で利用できます。 本ツールはGFMに完全対応しており、GitHubのREADMEと同じ記法がそのまま使えます。
スクロール同期の仕組み
エディタとプレビューのスクロール位置は比率ベースで同期されます。 エディタをスクロールするとプレビューも追従し、プレビューをスクロールするとエディタも追従します。 最後に操作された側が基準となるため、スクロールループは発生しません。
セキュリティ
入力されたMarkdownから変換されたHTMLは、DOMPurifyによってサニタイズされます。 scriptタグ、イベントハンドラ、javascript: URL、iframeなどのXSSベクタは自動的に除去されるため、 安全にプレビュー表示できます。すべての処理はブラウザ内で完結し、サーバーにデータは送信されません。
Markdown↔HTML変換ツールとの違い
本ツールはリアルタイムプレビューに特化しています。 Markdown↔HTML変換ツールはMDとHTMLの双方向テキスト変換が目的ですが、 Markdownプレビューはレンダリング結果の確認に最適化されており、 左右2カラムレイアウト、スクロール同期、読了時間表示などの機能を備えています。