~/tools / Markdown Previewer
Markdown Previewer
Markdownをリアルタイムでプレビュー表示します。見出し・太字/斜体・リスト・引用・リンク・コードブロックに対応(依存ライブラリなしの簡易実装)。
READMEやIssue、ドキュメントをMarkdownで書く際、実際にどう表示されるかをその場で確認できます。GitHub等に貼り付ける前の下書き・確認用としてお使いください。
# こんな時に使う
- READMEやGitHub Issue/PRの下書きを、投稿前にどう表示されるか確認したいとき
- 見出し構成やリストのネストが意図通りになっているか素早く確認したいとき
- Slackやチャットツールに貼る前に、Markdown記法が正しいか試したいとき
# 使い方
- 左側のテキストエリアにMarkdownを入力します。
- 右側にリアルタイムで変換後のプレビューが表示されます。
- 見出し(#)、太字(**)、斜体(*)、リスト(-)、引用(>)、コード(`)などの記法に対応しています。
# FAQ
- GFM(表やチェックリストなど)に対応していますか?
- 現時点では基本的な記法(見出し・強調・リスト・引用・リンク・コード)のみ対応しています。表やタスクリストなどのGFM拡張は今後の対応予定です。
- 入力内容は保存されますか?
- いいえ。ページを離れると内容は破棄されます。ブラウザ内でその場でレンダリングしているだけで、サーバーへの送信・保存は行いません。
# Related
# 姉妹サイトで学ぶ
- HTML/CSS入門
ブラウザで動かしながら学ぶ — prodou.net