Markdownプレビュー

仕組み

Markdownは書くのは簡単ですが、確認しにくいものです。入れ子のリストや参照リンクが正しいかどうかは、何かで表示してみるまで分かりません。このツールは指示どおりに表示し、コピーできるHTMLも提供します。

対応しているもの

標準的なMarkdown、つまり見出し、強調、リスト、リンク、画像、コードブロック、引用、表に対応しています。Markdown内のHTMLはそのまま渡されます。

対応していないもの

GitHubのコールアウト、タスクリストのスタイル、Mermaid図など、プラットフォーム固有の拡張は表示されません。これらはMarkdownの一部ではなく、個々のサイトによる追加機能です。

対応しているMarkdownの種類

markedライブラリ（バージョン12）をデフォルト設定で使用しており、GitHub Flavored Markdownに準拠しています。見出し、リスト、リンク、画像、コードブロック、表、~~取り消し線~~、タスクリストのチェックボックス、リンクになるURLそのものに対応しています。段落内の単一の改行は<br>には変換されません。新しい段落を始めるには空行を入れてください。

HTMLはサニタイズされません

Markdown内に書いたHTMLは、markedが生成するとおりに、そのまま出力へ渡されます。ご自身の文書であれば望ましい動作ですが、信頼できない相手のMarkdownの場合は、Webページに載せる前にHTMLをサニタイザーに通してください。

ソースとして表示され、レンダリングはされません

結果は、ページやCMSにコピーできるよう、テキストボックスにHTMLソースとして表示されます。テキストとして表示されるため、その中の内容がここで実行されることはありません。