コンテンツへスキップ
Markdown Preview
Markdownをリアルタイムでプレビュー表示します。
使い方
- テキストエリアにMarkdownを入力します。
- 入力すると同時に、右側にプレビューがリアルタイムで表示されます。
- 見出し・リスト・コードブロック・テーブル・リンク・強調などの一般的なMarkdown記法に対応しています。
- タスクリスト（- [x] / - [ ]）はチェックボックスとして表示されます。
- LaTeX形式の数式（$数式$ / $$数式$$）はKaTeXにより描画されます。
- ```mermaidコードブロックはmermaidによってフローチャート等の図として描画されます。
- 脚注（text[^1] と [^1]: 補足）、絵文字ショートコード（:smile: など）にも対応しています。
- <details>や<br>など、安全な範囲の生HTMLタグも利用できます。
- ハイライト（==text==）、上付き/下付き文字（^sup^ / ~sub~）、定義リスト（Term / : Definition）にも対応しています。
入力例・出力例
入力
# Title - item1 - item2 [link](https://example.com)
出力
見出し・リスト・リンクとして表示されたプレビュー
よくある質問
入力したMarkdownは外部に送信されますか？
いいえ。変換・プレビューはすべてブラウザ内で完結し、外部サーバーへは送信されません。
Markdown内にHTMLタグやscriptタグを書くとどうなりますか？
<details>や<br>など安全なHTMLタグはそのまま描画されますが、scriptタグやonclick等のイベント属性、フォーム関連タグはDOMPurifyによるサニタイズで除去され、実行されることはありません。
テーブルやリンクにも対応していますか？
はい。テーブル・リンク・強調・コードブロックなど一般的なMarkdown記法に対応しています。
LaTeX形式の数式には対応していますか？
はい。$数式$（インライン）および$$数式$$（ブロック）の記法に対応しており、KaTeXによってブラウザ内で描画されます。
mermaidによる図の描画には対応していますか？
はい。```mermaidコードブロックに記述したフローチャートやシーケンス図などを、mermaidによりブラウザ内でSVGとして描画します。記法が誤っている場合はエラーメッセージが表示されます。
脚注や絵文字ショートコードには対応していますか？
はい。text[^1]と[^1]: 補足文の組み合わせで脚注を、:smile:のような絵文字ショートコードを実際の絵文字に変換して表示できます。
GitHub Flavored Markdown以外の記法にも対応していますか？
==ハイライト==、^上付き文字^、~下付き文字~、定義リスト（Term / : Definition）といった、GitHub非標準の拡張記法にも対応しています。