Markdown プレビュー
左側に Markdown を書いて、右側でプレビューします。
よく使う記法
- 太字
- 斜体
インラインコード- MV Tools
const message = 'こんにちは Markdown'
console.log(message)
HTML 入力は無効なので、生の HTML は描画せずにエスケープされます。
テキストツール
オンライン Markdown プレビュー
Markdown を書いて、ブラウザー内でレンダリング結果をプレビューし、HTML をコピーまたはダウンロードできます。
プレビュー230 文字
実際に公開する Markdown 方言を確認する
ここで構造を確認し、レンダラーが異なる可能性があれば公開先でも確認します。
- markdown-it を使用し、生 HTML は無効、自動リンクと組版置換は有効、通常の改行は自動で `<br>` になりません。
- 見出し順、説明的なリンク、fenced code、小さな代表表を使ってから全文をコピーします。
- コピー・ダウンロード HTML はスタイルなしの基本文書であり、CMS やメールで同じ表示になる証拠ではありません。
編集、プレビュー、コピー、MD/HTML ダウンロードはブラウザ内です。ここで HTML をエスケープしても、他の公開環境で不可信な内容が安全になるわけではありません。
書式の意外な違いを避けて Markdown を書き、確認し、公開する方法表示・テストしたテキストを利用場面で確認する
開始前
- 機密情報を含まない代表的なサンプルを使い、期待する出力を決めます。
- 予期しない結果を再現できるよう、元のテキストやパターンを残します。
結果の確認
- 空の値、改行、Unicode 文字、記号を含む境界ケースを試します。
- レンダリングした Markdown や置換結果を、実際の利用先で開きます。
制限事項： プレビューや成功したテストだけでは、アクセシビリティ、公開ルール、アプリ固有の動作は保証されません。
ツールの詳細
オンライン Markdown プレビュー
README、ドキュメント、メモ、Markdown から HTML への確認に使えるブラウザ内 Markdown プレビューです。
このツールでできること
このツールはブラウザ内で Markdown をレンダリングし、見出し、リスト、リンク、引用、表、コードブロックを確認できます。Markdown ソースや生成 HTML のコピー、ダウンロードにも対応します。
よくある使い方
- README、変更履歴、ドキュメント、リリースノートをプレビューする
- Markdown 断片を HTML としてレンダリングしてテストする
- 公開前に見出し、リスト、リンク、表、コードブロックを確認する
データの扱い方
Markdown プレビューはブラウザ内で実行されます。Markdown テキストや生成 HTML はバックエンドへ送信されません。
よくある質問
HTML を出力できますか？
はい。HTML をコピーしたり、レンダリング済み HTML ドキュメントをダウンロードできます。
README のプレビューに使えますか？
はい。README、ドキュメント、メモ、変更履歴の確認に使えます。
Markdown はサーバーへ送信されますか？
いいえ。このツールはブラウザ内で動作します。